css3超出部分省略号代替

最新推荐文章于 2023-08-22 18:02:55 发布

liuchen2012

最新推荐文章于 2023-08-22 18:02:55 发布

阅读量127

点赞数

文章标签： css html css3

本文链接：https://blog.csdn.net/liuchen2012/article/details/108776490

版权

本文详细介绍了如何使用CSS3来实现文本单行和多行超出部分用省略号代替的效果，包括overflow、text-overflow、white-space等属性的使用，以及针对多行省略号的解决方案，帮助开发者优化网页布局。

摘要由CSDN通过智能技术生成

css3超出部分省略号代替

单行超出部分省略号代替：div {
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space:nowrap;
width:200px //一定要有宽度
}
多行超出部分省略号：div{display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
overflow: hidden;}