我的网页中有一个具有固定宽度和高度的“div”。
以下 css 仅适用于单行文本:
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
如何使用具有跨浏览器兼容性的纯 css 在该 div 内的文本上的多行文本上应用省略号?
试试这个例子:
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: $font-size*$line-height*$lines-to-show; /* Fallback for non-webkit */
margin: 0 auto;
font-size: $font-size;
line-height: $line-height;
-webkit-line-clamp: $lines-to-show;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
http://codepen.io/martinwolf/pen/qlFdp
或者去 dotdotdot.js
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)