怎样让css控制文字禁止换行/强制不换行？

发布网友

我来回答

共5个回答

热心网友

<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里超宽的文字，第一个里面的被禁止换行，然后超宽的被截取了；第二个不做设置，于是自动换行了。

热心网友

经典好方法：white-space: nowrap; 设置overflow:hidden;然后加上title

热心网友

显示层的高度等于文字的行高 就行了

热心网友

white-space:nowrap直接加到css就行

热心网友

white-space:nowrap;