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

绿色软件之家：您身边最放心的安全下载站！ 最新更新|软件分类|软件专题|手机版|论坛转贴|软件发布

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

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

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

white-space: nowrap

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

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

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

比如：

div{white-space: nowrap;}

运行演示

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

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

相关阅读 如何在上传的图片上打自己的文字水印 我的世界怎么制作专属皮肤-专属皮肤制作方法 使用Win 2003搭建安全文件服务器 WIN2003 IIS6.0+PHP+ASP+MYSQL优化配置 备份和恢复Windows IIS服务器设置 vsftp配置大全---超完整版

文章评论
发表评论

热门文章 DIV+CSS网页布局常用的一些基础知识整理 DIV+CSS网页布局常用的一些基础知识整理 完美解决CSS网页水平居中 完美解决CSS网页水平居中 XHTML+CSS兼容解决方案 XHTML+CSS兼容解决方案 CSS网页布局困扰新手的八个问题 CSS网页布局困扰新手的八个问题

相关下载

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