学习总结——bug解决ios 12 中个别文案不展示

【bug描述】如题，业务中一个列表页，在ios 12系统下，列表中会有个别列表项中文案不展示

【排查过程】其他机型正常，然后此处内容展示使用了vue中的v-html承载富文本内容，查看标签发现，不展示的项目中都是在富文本中使用span标签包裹的文字内容。所以怀疑是span标签在ios 12中存在某种兼容性问题吧，众所周知，span标签是行内元素，考虑调整样式满足兼容

【解决办法】给承载富文本标签的容器添加class类名，然后对类名下的span标签单独设置样式，具体样式代码如下，再次测试，问题解决，特此记录。

 <!-- 模板部分 -->
 <div class="content" v-html="富文本"></div>

 /*样式设置*/
 .content {
     display: inline;
     span {
        display: inline-block;
     }
 }