以下样式在安卓可以两端对齐;但在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
合并空白符序列,但是保留换行符。