iOS的Safari瀏覽器10.3的text-align：更新到10.3之前證明波斯/阿拉伯文內容

Question

我的網站是工作，我的iPhone上的每一個移動瀏覽器中查看以及錯誤。從我更新我的iOS到10.3時，我的內容頁面出現問題：

內容包裝在<div>中，CSS屬性爲text-align: justify。我的內容在Persian (Farsi)。

的問題是：我的文字內容溢出容器，當我加入padding到容器，看它是否只是溢出，我發現它不使其合理和它的顯示它右對齊。

有沒有人有這個問題？誰能幫忙？

更新我添加了一個codepen例如：Click Here To Open Codepen

更新正如你可以在下面的截圖中看到，紅色的文本溢出到左側邊欄：

Answer 1

它正式是一個Safari 10.1的bug。事情在舊版Safari瀏覽器上運行良好。

鉻和其他瀏覽器在同一臺設備工作正常。

，你可以給蘋果社區這個帖子也許他們解決它越快。 safari 10.1 text-align: justify Bug

Answer 2

，可以暫時將此代碼添加到你的CSS解決這個問題：

@media not all and (min-resolution:.001dpcm) { @media { 
 
    .main { 
 
     text-align: right!important; 
 
    } 
 
}}