1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > CSS超出两行隐藏 但是仍然有部分第三行文字溢出

CSS超出两行隐藏 但是仍然有部分第三行文字溢出

时间:2020-03-21 11:57:00

相关推荐

CSS超出两行隐藏 但是仍然有部分第三行文字溢出

超出隐藏代码:

/*文字超出两行省略*/.two-row-hide {white-space: normal;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}

原本页面使用方式,出现第三行部分溢出:

<div class="di-name f-28 two-row-hide">{{item.name}}</div>

修改后使用方式,(问题解决方式)

<div class="di-name flex-tb"><span class="f-28 two-row-hide">{{item.name}}</span></div>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。