iOS 10.3 safari text-align:对比波斯语/阿拉伯语内容的错误

时间:2017-04-03 11:56:51

标签: css text-align persian

在更新到10.3之前,我的网站在我的iPhone的每个移动浏览器上工作和查看都很好。从我将iOS更新到10.3时,我的内容页面遇到了一个问题:

内容包含在<div>中,CSS属性为text-align: justify。我的内容位于Persian (Farsi)

问题是:我的文字内容溢出了容器,当我向容器中添加padding以查看它是否只是溢出时,我发现它不是#t渲染它对齐并且它显示右对齐

有没有人有这个问题?有人可以帮忙吗?

更新我添加了一个codepen示例:Click Here To Open Codepen

更新正如您在以下屏幕截图中看到的那样,红色文字溢出到左侧边栏:

Screenshot of overflowed justified text

2 个答案:

答案 0 :(得分:0)

它正式成为一个safari 10.1 bug。在旧的野生动物园中,事情很顺利。

chrome和其他浏览器在同一台设备上运行良好。

你可以对苹果社区的这篇文章评分,也许他们会尽快修复它。 safari 10.1 text-align: justify Bug

答案 1 :(得分:0)

您可以通过将此代码添加到css来暂时解决此问题:

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