文字超出...展示

catherinawwww

于 2022-05-20 13:55:28 发布

阅读量286

点赞数

CC 4.0 BY-SA版权

分类专栏：技术资料文章标签： css3 css html

本文链接：https://blog.csdn.net/weixin_38747509/article/details/124882114

技术资料专栏收录该内容

188 篇文章

订阅专栏

本文介绍CSS中 `-webkit-box` 布局方式及其 `vertical` 指定方向，重点讲解了 `-webkit-line-clamp` 属性用于限制行数并隐藏超出部分。了解这些技术有助于优化网页布局和控制内容展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

display: -webkit-box; /*值必须为-webkit-box或者-webkit-inline-box*/
-webkit-box-orient: vertical; /*值必须为vertical*/
-webkit-line-clamp: 2; /*值为数字，表示一共显示几行*/
overflow: hidden;