84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
不是单行的,不是只适用于chrome。类似知乎 简书的那种,多行文本同时显示...只在css上做文章可以实现么?
走同样的路,发现不同的人生
搬运一下。。。
stackoverflow
css tricks
hacking ui
也遇到过同样的问题简书是取90个字符知乎好像是后端截取好的
display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
简单的就直接使用 -webkit-line-clamp
-webkit-line-clamp
.line-clamp { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; max-height: 4.5em; /* line-height: 1.5em, so it's 1.5em * 3 */ -webkit-box-orient: vertical; }
参考 这里:https://codepen.io/yangg/pen/...
复杂就用这种http://hai.li/2017/03/08/css-...
搬运一下。。。
stackoverflow
css tricks
hacking ui
也遇到过同样的问题简书是取90个字符知乎好像是后端截取好的
简单的就直接使用
-webkit-line-clamp
参考 这里:
https://codepen.io/yangg/pen/...
复杂就用这种
http://hai.li/2017/03/08/css-...