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