Safari 10.1 - text-align：RTL言語の枠線の外にテキストが移動する

body要素のテキスト段落を持つHTMLマークアップがあります。 CSSスタイルシートで、私は次のように追加しました。Safari 10.1 - text-align：RTL言語の枠線の外にテキストが移動する

body { 
    text-align: justify; 
    color: black; 
    background-color: white; 
    font-size: 23; 

    letter-spacing:0.05pt; 
    line-height: 125%; 
    font-size: 1.25em; 
    margin: 0.00em 20em; 
    text-indent: 0em; 
    font-weight: normal; 
    font-style: normal; 
    direction: rtl; 
}

Safari 10.1で読み込むと、本文が本文の外に出てきます。しかしSafari（10.0）の古いバージョンの同じマークアップは正常に動作し、Chrome 56.0.2924.87（x86_64）でも動作します。

新しいSafariでこれを動作させるには、マークアップとスタイルを修正するにはどうすればよいですか？

出典

2017-04-03 Ido Meirov

具体的にお答えください。これは狭いビューポートを除いて私にとっては良さそうだが、それはあなたの「20em」左右の余白のためだ。 http://codepen.io/anon/pen/xdxYVW –

おそらく、 'body'に異なる幅の相対幅を設定し、それを中心にするために左右の' margin：auto'を使う必要がありますか？ http://codepen.io/anon/pen/KmKQMg –

アラビア語のような右から左に表示される言語にこの問題が存在する – Multithreader

正式にはサファリ10.1バグです。あなたはappleコミュニティでこの投稿を評価できますか？ safari 10.1 text-align: justify Bug

出典

2017-04-13 08:20:54

OPは解決策の質問をしました彼が実際に開いたバグではありません...可能な解決策またはハックが必要なものです – OhadM

ハックがあるとは思わない、@オードM私もこの問題を研究しました。視界には何の修正もありません。また、http://stackoverflow.com/questions/43184042/ios-10-3-safari-text-alignjustify-bug-for-persian-arabic-content – Mary

を参照してくださいこれは奨励金がある理由です:) – OhadM

Safari 10.1 - text-align：RTL言語の枠線の外にテキストが移動する

答えて

関連する問題