当前阅读教程:CSS入门到精通 > 元素中空白的处理方式 white-space | |||||||||||||||||||||||
阅读(22555525) 收藏 赞(5685) 分享 | |||||||||||||||||||||||
上一篇: 元素垂直对齐 vertical-align | 下一篇: 设置单词间距 word-spacing | ||||||||||||||||||||||
浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。 属性定义及使用说明white-space属性指定元素内的空白怎样处理。
属性值
示例代码<!doctype html> <html> <head> <meta charset="utf-8"> <title>元素中空白的处理方式 white-space </title> <!--定义内部样式--> <style> .css01{ white-space: nowrap; /*文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。*/ } </style> </head> <body> <p> 大家好,我是黄菊华老师,主要研究web前端全栈和微信小程序的开发;有微信小程序入门到就业的全套视频;有web全栈入门到就业的全套视频!(默认段落,自动换行) </p> <hr>
<p> 大家好,我是黄菊华老师,主要研究web前端全栈和微信小程序的开发;有微信小程序入门到就业的全套视频;有web全栈入门到就业的全套视频!(文本不换行) </p><hr> </body> </html> 效果图 |
|||||||||||||||||||||||
上一篇: 元素垂直对齐 vertical-align | 下一篇: 设置单词间距 word-spacing |