CSS常用技巧之一 禁止文字自动换行_绿色软件之家

绿色软件之家:您身边最放心的安全下载站! 最新更新|软件分类|软件专题|手机版|系统之家|纯净系统

您当前所在位置:首页网络编程DIVCSS → CSS常用技巧之一 禁止文字自动换行

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

时间:2015/6/28来源:绿色软件之家作者:网管联盟我要评论(0)

white-space: nowrap

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

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

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

比如:

div{white-space: nowrap;}

运行演示

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

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

相关阅读 Win2000/win2003 DNS 的常见问题WIN2003 IIS6.0+PHP+ASP+MYSQL优化配置备份和恢复Windows IIS服务器设置引用Red Hat Linux 9中文字体美化如何在上传的图片上打自己的文字水印vsftp配置大全---超完整版

文章评论
发表评论

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

人气排行 DIV CSS完美兼容IE6/IE7/FF的通用方法CSS实例:list-style-type在IE与FF中奇怪的现象解析-CSS布局实例CSS实例:通过定义渐变边框给图片加阴影CSS常用技巧之一 禁止文字自动换行网页页面设计中CSS十大注意解决用CSS控制DIV居中失效的问题css div设置float后高度不能自动增加让CSS兼容IE和Firefox的技巧集合