-
文本强制不换行css：white-space: nowrap
2009-08-12 15:37/点击数()
今天在写css的时候遇到一个问题，当li左浮动的时候，最后几个li的文本出现换行的情况。后来用white-space: nowrap;解决了这个问题。 使用这个css属性之后，文本只有在遇到空格或者是换行符的时候才能换行 如下图： 在文本的容器使用了white-space: nowrap;之
今天在写css的时候遇到一个问题，当li左浮动的时候，最后几个li的文本出现换行的情况。后来用white-space: nowrap;解决了这个问题。
使用这个css属性之后，文本只有在遇到空格或者是换行符的时候才能换行
如下图：
在文本的容器使用了white-space: nowrap;之后，立刻就恢复了正常。
如下图：
问题得以解决，下面来认真研究下这个属性的作用和一些基本的定义。
语法：
white-space : normal | pre | nowrap
取值：
normal : 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行
pre : 换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 !DOCTYPE 声明没有指定为 standards-compliant mode ，此属性可以使用，但是不会发生作用。结果等同于 normal 。
nowrap : 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。参阅 noWrap 属性
说明：
设置或检索对象内空格字符的处理方式。
空格字符，像换行，空格，TAB，在HTML文档中默认的是被忽略的。当此属性设置为 normal 或者 nowrap 时，你可以使用不换行空格的命名实体 来添加空格，用 br 元素来添加换行。此属性对你使用文档对象模型(DOM)操作的内容的影响与其对IE显示内容的影响一样。
此属性作用于块对象。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 whiteSpace 。当中文文字很长的时候（中间没有空格也没有换行符号），不管是IE还是firefox，到达边界都会自动换行。
但是有的情况，我们并不希望这样。比如：当在几个li并排排列，不想让每行的最后的一个li的文字自动换行，那就可以用本属性了。
上一篇：解决IE浏览器css兼容的一个重要手段--HasLayout
下一篇：让PNG-8图像在网页中完美演绎
