两端对齐兼容IOS失效

以下样式在安卓可以两端对齐；但在IOS中右侧会有大量空白，两端没有对齐。

div{
    white-space: pre-wrap; 
    text-align: justify; 
    word-break: break-word;
}

网上大部分都是使用伪类去兼容IOS两端对齐；但我的项目内容是回显富文本，不适合使用伪类，最终参考文章《css两端对齐IOS不适用 样式冲突》实现了。

把white-space的属性值pre-wrap改为pre-line，实现代码如下：

div{
    white-space: pre-line; 
    text-align: justify; 
    word-break: break-word;
}

pre-wrap与pre-line

• pre-wrap 保留空白符序列，但是正常地进行换行。
• pre-line 合并空白符序列，但是保留换行符。