iOS 10.3野生动物园文字对齐：针对波斯语/阿拉伯语内容调整错误 [英] iOS 10.3 safari text-align:justify bug for Persian/Arabic content

问题描述

在更新到10.3之前，我的网站在我的iPhone的每个移动浏览器上均正常运行并可以正常浏览。从我将iOS更新到10.3以来，我的内容页面遇到了一个问题：

内容被包装在< div> ，其CSS属性为 text-align：justify 。我的内容在

解决方案

您可以通过将以下代码添加到CSS中来临时解决此问题：

  @media并非全部和（min-resolution：.001dpcm）{@media {.main {text-align：right！important; }}}  

My website was working and viewing well on every mobile browser of my iPhone before updating to 10.3. From the time I updated my iOS to 10.3, my content page faced an issue:

Content is wrapped in a <div> with CSS property of text-align: justify. My content is in Persian (Farsi).

The problem is: my text content overflows container and when I add a padding to the container to see if it is just overflowed, I found out that it isn't rendering it justified and it's showing it right aligned.

Is there anyone with this issue? Can anyone help?

Update I've added a codepen example: Click Here To Open Codepen

Update As you can see in the following screenshot, the red text is overflowed to the left sidebar:

解决方案

You can temporarily fix this problem by adding this code to your css:

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

这篇关于iOS 10.3野生动物园文字对齐：针对波斯语/阿拉伯语内容调整错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！