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

您当前所在位置：IT猫扑网 > 网络编程 > DIVCSS > CSS常用技巧之一禁止文字自动换行

CSS常用技巧之一禁止文字自动换行 时间：2015-06-28 00:00 来源：IT猫扑网|http://www.itmop.com/ 作者：网管联盟 我要评论(0)

white-space: nowrap

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

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

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

比如：

div{white-space: nowrap;}

运行演示
<style type=&text/css&> div{width:300px;border:1px solid red;margin:10px;overflow:hidden;} .nowrap{white-space: nowrap;} </style> <div class=&nowrap&> 这是一段很长的文字中间没有空格也没有换行它不会自动换行直到被截取掉<br /> </div> <div>这是一段很长的文字中间没有空格也没有换行但它会自动换行<br /></div>

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

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

相关阅读

文章评论

查看所有0条评论>>

热门文章 DIV+CSS网页布局常用的一些基础知识整理

相关下载

3387文字游戏软件 v3.13.5

时间：2020-08-05
10款汉仪系列可爱中文字体打包免费完整版

时间：2018-04-27
10款常用的经典基础英文字体免费版

时间：2017-11-11
26个英文字母发音软件完整免费版

时间：2017-08-11
064 cai978英文字体免费版

时间：2017-05-27
130款韩文字体打包支持win7

时间：2017-05-26

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

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