想实现小程序中组件text最多显示两行内容,如果超出就省略号
.desc {
/*定义为自适应布局*/
display: -webkit-box;
word-break: break-all;
/*超出文字用省略号代替*/
text-overflow: ellipsis;
/*竖直方向的超出和隐藏*/
-webkit-box-orient: vertical;
/*设定行数为2*/
-webkit-line-clamp: 2;
/*多出部分隐藏*/
overflow: hidden;
}
和css中的定义基本相同
网友评论