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