原文地址为：
CSS禁止文字自动换行
当中文文字很长的时候（中间没有空格也没有 换行符号），不管是IE还是firefox，到达边界都会 自动换行。 但是有的情况，我们并不希望这样。比如：当在几个li并排排列，不想让每行的最后的一个li的文字自动换行，那就可以使用"white-space:nowrap"这个属性了。
使用这个 CSS属性之后，文本只有在遇到空格或者是换行符的时候才能换行，比如：
<style type="text/css">
div{width:300px;border:1px solid red;margin:10px;overflow:hidden;}
.nowrap{white-space:nowrap;}
</style>
<div class="nowrap">这是一段很长的文字，中间没有空格，也没有换行，它不会自动换行直到被截取掉</div>
<div>这是一段很长的文字，中间没有空格，也没有换行，但它会自动换行</div>
上面两个div里超宽的文字，第一个里面的被禁止换行，然后超宽的被截取了；第二个不做设置，于是自动换行了。
转载请注明本文地址： CSS禁止文字自动换行
当中文文字很长的时候（中间没有空格也没有 换行符号），不管是IE还是firefox，到达边界都会 自动换行。 但是有的情况，我们并不希望这样。比如：当在几个li并排排列，不想让每行的最后的一个li的文字自动换行，那就可以使用"white-space:nowrap"这个属性了。
使用这个 CSS属性之后，文本只有在遇到空格或者是换行符的时候才能换行，比如：
<style type="text/css">
div{width:300px;border:1px solid red;margin:10px;overflow:hidden;}
.nowrap{white-space:nowrap;}
</style>
<div class="nowrap">这是一段很长的文字，中间没有空格，也没有换行，它不会自动换行直到被截取掉</div>
<div>这是一段很长的文字，中间没有空格，也没有换行，但它会自动换行</div>
上面两个div里超宽的文字，第一个里面的被禁止换行，然后超宽的被截取了；第二个不做设置，于是自动换行了。
转载请注明本文地址： CSS禁止文字自动换行
1797
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
