以下樣式在安卓可以兩端對齊阱冶;但在IOS中右側會有大量空白,兩端沒有對齊。
div{
white-space: pre-wrap;
text-align: justify;
word-break: break-word;
}
網(wǎng)上大部分都是使用偽類去兼容IOS兩端對齊墓毒;但我的項目內(nèi)容是回顯富文本吓揪,不適合使用偽類,最終參考文章《css兩端對齊IOS不適用 樣式?jīng)_突》實現(xiàn)了所计。
把white-space
的屬性值pre-wrap
改為pre-line
柠辞,實現(xiàn)代碼如下:
div{
white-space: pre-line;
text-align: justify;
word-break: break-word;
}
pre-wrap
與pre-line
-
pre-wrap
保留空白符序列,但是正常地進行換行主胧。 -
pre-line
合并空白符序列叭首,但是保留換行符。