单行-------先给这行文字设置固定的宽度
.word {
width: 128px;
overflow: hidden; //盒子溢出隐藏
text-overflow: ellipsis; //文字溢出显示省略号
white-space: nowrap; //文字不换行
}
多行--------
.word{
display: -webkit-box !important;
overflow:hidden;
text-overflew:ellipsis;
work-break:break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;//指定行数
}
css文本溢出
于 2022-01-24 10:58:43 首次发布