一、为什么会出现白线
出现白线,可能原因1是图片宽高出现半个像素点,可能原因2布局不为块状布局,导致出现行高咱局部分高度,导致部分手机出现白线,
二、解决方法
1、在父级div加上font-size:0,将图片样式设置成块元素。
2、 使用flex布局,在父级div用flex布局来设置,将div并列排序展示。
3、 使用margin-top来占据白线。占据高度自己调试
4、给图片的父容器添加 line-height: 0;
富文本可以使用:
this.nodes = arr.replace(/\<img/gi, '<img class="rich-img"');
.rich-img{
margin-top: -5rpx;
}