怎么办:如果文字超出两行,后面隐藏并用省略号显示,如果没有超出两行,正常显示

最好是用css来完成,并且支持大部分浏览器,O(∩_∩)O谢谢

zzZerOrz
浏览 2945回答 3
3回答

念花生

overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;

zhangcl

不能限制两行并且显示省略号,要么设置多行显示,要么单行超出显示省略号;如果你要实现两行超出显示省略号,可以变向实现:设置元素的高刚好为两行,并且自动换行,再设置超出时hidden,这样就是自动换行的样式,省略号要自己实现,比如用绝对定位的方式,弄到右下角,不知道你明白没有

慕用0418482

设置文本多行文本溢出为两行就好
打开App,查看更多内容
随时随地看视频慕课网APP