css两端对齐IOS不适用 样式冲突

问题

<text class="explain" v-html="info.goodsExplain"></text>


.explain{
    white-space: pre-wrap; //用来换行
    display: inline-block;
    text-align: justify; //用来两端对齐
    text-align-last: left;
    word-break: break-word;
}

文本带有换行符，没有带标签。

两端对齐在安卓上显示正常，IOS显示不换行。

如果去除white-space: pre-wrap; ，能够两端对齐，但不能换行了...

貌似和换行的样式有冲突

解决

换行样式改为

white-space: pre-line;

能行了