小程序中单行&&多行文本溢出显示省略号

.textof{
display: -webkit-box ;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
}

-webkit-line-clamp:2;//这是设置显示的多少行。

-webkit-box-orient:vertical。

word-break:规定自动换行的处理方法。

text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: inline-block;
width: 500px;

posted @ 2021-01-19 16:15  tulintao  阅读(196)  评论(0编辑  收藏  举报