文本溢出,分为单行文本溢出以及多行文本溢出,
单行文本溢出css代码如下:
1 p{ 2 overflow: hidden;//超出部分隐藏; 3 white-space: nowrap;//强制不换行; 4 text-overflow:ellipsis;//超出部分用省略号显示; 5 }
多行文本溢出css代码如下:
1 div{ 2 overflow: hidden; 3 text-overflow: ellipsis; 4 display: -webkit-box; 5 -webkit-line-clamp: 3; 6 -webkit-box-orient: vertical; 7 }
效果图如下:

本文详细介绍了如何使用CSS处理单行及多行文本溢出,包括隐藏超出部分、强制不换行、使用省略号显示等技巧。适用于网页布局中对文字显示长度有限制的情况。

362

被折叠的 条评论
为什么被折叠?



