1、常用的第一种方式是只显示一行,然后超过固定宽度就显示省略号
.list-item-title{
overflow: hidden;/*控制超过宽度是否隐藏*/
text-overflow:ellipsis;/*控制是否显示省略号*/
white-space: nowrap;/*控制是否换行*/
width: 2rem;
}
2、
.item{
-webkit-line-clamp: 1;
word-break: break-all;
}
1、常用的第一种方式是只显示一行,然后超过固定宽度就显示省略号
.list-item-title{
overflow: hidden;/*控制超过宽度是否隐藏*/
text-overflow:ellipsis;/*控制是否显示省略号*/
white-space: nowrap;/*控制是否换行*/
width: 2rem;
}
2、
.item{
-webkit-line-clamp: 1;
word-break: break-all;
}
本文标题:换行?省略吧?
本文链接:https://www.haomeiwen.com/subject/lzlrsttx.html
网友评论