Chinaz.com - 中国站长站

匿名投稿 投稿指南 RSS订阅 站长资讯通告:
搜索: 您的位置主页>设计在线>WEB标准>阅读资讯:CSS常用技巧之一 禁止文字自动换行

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

2008-07-01 13:26:37 来源:互联网 作者:编辑整理 【 评论:3

white-space: nowrap

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

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

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

比如:

div{white-space: nowrap;}

运行演示

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



Tags:CSS   禁止文字自动换行  
责任编辑:水色皇朝
  • 请文明参与讨论,禁止漫骂攻击。 用户名:新注册) 密码: 匿名:
    评论总数: [ 查看全部 ] 网友评论
    关于我们 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助