热门关键字:  我的网站  iisfoexp
当前位置:首页 > 网页设计 > HTML/CSS > 正文

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

来源:网络 作者:佚名 时间:2008-08-19 点击: 字体:[ ]

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



Tag:CSS   自动换行  
[收藏] [推荐] [评论] [打印] [关闭]
最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册
站长学堂
图片文章
站长推荐