1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > CSS 文本超出隐藏 并显示省略号

CSS 文本超出隐藏 并显示省略号

时间:2019-06-14 11:30:05

相关推荐

CSS 文本超出隐藏 并显示省略号

可以使用overflow:hidden;来把超出的部分隐藏,

使用text-overflow:ellipsis;当文本对象溢出是显示为省略号。

以下是可直接使用的代码:

1.超出一行,隐藏文本并显示省略号

//超出一行省略号overflow: hidden;white-space: nowrap;text-overflow: ellipsis;

2.超出两行甚至多行,隐藏文本并显示省略号

//超出两行省略号text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;

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