CSS控制文字只显示一行，超出部分显示省略号
之前使用过这个例子，现在总结说明一下： 先给贴代码： <p style="width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"> 省略我吧！ 省略我吧！ 省略我吧！ 省略我吧！ 省略我吧！ 省略我吧！ 省略我吧！ 省略我吧！ 省略我吧！ 省略我吧！ 省略我吧！ 省略我吧！ </p> 测试浏览器： IE6/7/8/9 、 opera12.02 、 firefox15.0.1 、 chrome21.0.1180.89 m 完整例子： runjs.cn 现在解释一下为什么要这样做： 1、text-overflow: ellipsis; 这里的重点样式是 text-overflow: ellipsis; 不过话说 text-ellipsis 是一个特殊的样式，有关解释是这样的： text-overflow 属性仅是注解，当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。要实现溢出时产生省略号的效果还须定义：强制文本在一行内显示（ white-space:nowrap ）及溢出内容为隐藏（ overflow:hidden ），只有这样才能实现溢出文本显示省略号的效果。 简单理解就是我要把文本限制在一行（white-space: nowrap;），肯定这一行是有限制的 (width)