zl程序教程

您现在的位置是:首页 >  其他

当前栏目

小程序文本溢出显示省略号(单行/多行)

程序 显示 文本 溢出 多行 单行 省略号
2023-09-11 14:19:38 时间

 

1.单行:外部容器应加overflow: hidden;否则不显示省略号

.text {
font-size: 38rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; 
}

 

2.多行

.text {
font-size: 38rpx;
line-height: 38rpx;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; 
}

 

 

转: https://blog.csdn.net/z2516305651/article/details/80852726