前端文本溢出问题

引言

在开发微信小程序的时候,有时没有注意到文本超出的情况,导致测试的时候后端传来了一段非常长的文本,导致整个文本溢出,文本遮挡了下面的内容

解决方法

这里主要修改css就行,可以将给文本设一个宽度(一行最长得多宽),再用overflow属性解决即可。

代码

overflow: hidden;
text-overflow: ellipsis;

如果对大家有帮助的话,不妨点赞支持一下

上一篇:css实现方法-重要


下一篇:模板实现判断一个int是否是一个有效的int