时间:2021-05-26
CSS属性-white-space空白属性说明
该CSS属性用来处理空白。
值:normal|pre|nowrap|inherit
可用值值的说明
normal缺省值。文本自然换行。如果超过元素宽度,内容自然换到下一行。
nowrap不允许换行。
pre保留换行和空白。这个值只有当你声明了!DOCTYPE,且IE6以上版本才支持。
在HTML文件里,空白,比如换行符(linebreaks)、空格(spaces)、制表符(tabs),都被自动截去。HTML会自动截去多余的空格。不管你加多少空格,都被看做一个空格。为了在网页中增加空格,你可以使用 表示空格。你也可以用<br>强制换行。
示例代码
.p1{white-space:nowrap}
.p2{white-space:normal}
继承
是
适用于
所有块类型的元素(blockelments)。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
强制不换行,直接使用white-space:nowrap即可。CSS设置不转行:overflow:hidden隐藏white-space:normal默认pre
white-space:属性设置如何处理元素内的空白(空格、换行和tab字符)的处理。normal默认。空白会被浏览器忽略。pre空白会被浏览器保留。其行为方式
使用标签,并设置其样式如下:复制代码代码如下:pre{white-space:pre-wrap;white-space:-moz-pre-wr
基本语法text-overflow的使用需配合hight,over-flow:hidden;white-space:nowrap;三个属性共同使用text-ov
方法一:使用CSS溢出省略的方式解决解决效果如下:css代码:display:-webkit-box;display:-moz-box;white-space: