当前位置:首页 > 设计在线 > 网页设计 > CSS/Xhtml > CSS常用技巧之一 禁止文字自动换行

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

点击次数:35 次 发布日期:2008-11-21 16:05:45 作者:源代码网
源代码网推荐

源代码网整理以下white-space: nowrap

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

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

源代码网整理以下使用这个css属性之后,文本只有在遇到空格或者是换行符的时候才能换行

源代码网整理以下比如:

源代码网整理以下div{white-space: nowrap;}

源代码网整理以下

运行演示

源代码网整理以下上面两个div里超宽的文字,第一个里面的被禁止换行,然后超宽的被截取了;第二个不做设置,于是自动换行了

源代码网供稿.
网友评论 (0)
会员中心
设计在线
本站推荐
设计在线之精华