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

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


注意的是要外部容器应加
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 个评论

要回复文章请先登录注册