overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
.title{width:rem(210);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient…
/*css3多行显示省略号,也可用于单行*/.one-line{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-…
轉載自:http://ipmtea.net/css/201011/16_407.html这个标题其实已经是一个老生常谈的问题了。很多时候,比如网站最基本的文章列表,标题会很长,而显示列表的区域宽度却没有这么宽,这时候最正常的做法就是让超出宽…
text-overflow:ellipsis的巧妙运用取值:clip:默认值。不显示省略标记(...),而是简单的裁切.ellipsis:当对象内文本溢出时显示省略标记(...).可惜text-overflow还只是ie的私有属性而已,也没…
http://www.divcss5.com/rumen/r532.shtml
1、使文字不换行white-space:nowrap;值描述normal默认。空白会被浏览器忽略。pre空白会被浏览器保留。其行为方式类似HTML中的<pre>标签。nowrap文本不会换行,文本会在在同一行上继续,直到遇到&l…
在table中使用溢出样式,table样式要设置为”table-layout:fixed“,即<table>,溢出样式才有效果tabletbodytrtd{white-space:nowrap;overflow:hidden;t…
如果实现单行文本的溢出显示省略号应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow:hidden;text-overflow:ellipsis;white-…