css文字超出隐藏

最新推荐文章于 2024-08-23 11:10:08 发布

贰浪往前飞

最新推荐文章于 2024-08-23 11:10:08 发布

阅读量213

点赞数

文章标签： css 前端 javascript

本文链接：https://blog.csdn.net/m0_56277111/article/details/131810586

版权

单行隐藏

overflow: hidden; //超出隐藏
white-space: nowrap; //不换行，同一行展示
text-overflow: ellipsis; //设置超出部分以省略号展示

多行隐藏

-webkit-line-clamp: 2; //设置几行
display: -webkit-box;  //设置为伸缩盒弹性盒子展示
overflow: hidden; //超出隐藏
text-overflow: ellipsis; //设置超出部分以省略号展示
-webkit-box-orient: vertical; //伸缩盒弹性盒子的排列方式