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-...