有一个移动端需求,标题最多显示两行文字,但是又不能在最后一行出现... 或者半个字体,css 有什么方法么?刚入行不太懂,求大佬给个方案。
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;(行数)
-webkit-box-orient: vertical;
10 回答11.3k 阅读
5 回答4.9k 阅读✓ 已解决
4 回答3.2k 阅读✓ 已解决
2 回答2.8k 阅读✓ 已解决
3 回答5.2k 阅读✓ 已解决
5 回答2k 阅读
1 回答3.4k 阅读✓ 已解决
我之前遇到过,二楼那哥们的写法会有..., 思路跟一楼一致,不过要注意行高设置成字体大小,这样能空值overflow的隐藏,防止隐藏的行显示一部分。大致代码就是这些,不合适的自己调调就行了