84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
不是单行的,不是只适用于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-...