小程序遇到英文字符溢出解决方法

第一种情况是单行文字溢出,比如标题,


注意的是要外部容器应加overflow: hidden;否则不显示省略号

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

另一个情况就是多行文本,比如文章列表的文章摘要等位置

.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;
}


1 个评论

试一试试一试试一试试一试

要回复文章请先登录注册