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

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

注意的是要外部容器应加
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; }

0 个评论

要回复文章请先登录注册