CSS常用技巧之一 禁止文字自动换行

white-space: nowrap

当中文文字很长的时候（中间没有空格也没有换行符号），不管是IE还是firefox，到达边界都会自动换行。

但是有的情况，我们并不希望这样。比如：当在几个li并排排列，不想让每行的最后的一个li的文字自动换行，那就可以用本属性了。

使用这个css属性之后，文本只有在遇到空格或者是换行符的时候才能换行

比如：

div{white-space: nowrap;}

function rundemo(k){ var democode=document.getElementById(k).value var demowin=window.open() demowin.document.open(); demowin.document.write(democode) demowin.document.close(); }

javascript:rundemo('navmenu')">运行演示

上面两个div里超宽的文字，第一个里面的被禁止换行，然后超宽的被截取了；第二个不做设置，于是自动换行了

关键词标签：文字,自动,禁止,之一