文字溢出用省略号结尾,使有限区域内文字合理显示。
/*单行*/
p{
width:200px;
overflow:hidden;
text-overflow:ellipsis;/*规定当文本溢出时显示省略符号来代表被修剪的文本*/
white-space:nowrap;
}
/*多行*/
p{
width:200px;
overflow:hidden;
text-overflow:ellipsis;/*规定当文本溢出时显示省略符号来代表被修剪的文本*/
-webkit-line-clamp:2;/*两行文本*/
display: -webkit-box;
-webkit-box-orient:vertical;
text-overflow:ellipsis;
}
更新于:2023-4-1