2017-04-03 1 views
7

Ich habe HTML-Markup mit einem Textabsatz im body Element. Im CSS-Stylesheet, fügte ich hinzu:Safari 10.1 - text-align: Text wird in RTL-Sprachen außerhalb des Rahmens ausgegeben

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; 
} 

Als ich es in Safari 10.1 laden, geht der Text außerhalb des Körpers Grenze. Aber das gleiche Markup in einer älteren Version von Safari (10.0) funktioniert gut und in Chrome 56.0.2924.87 (x86_64).

Wie repariere ich das Markup und den Stil, damit dies in der neuen Safari funktioniert?

+0

Können Sie genauer sein? Das sieht für mich ok aus, außer in einem engen Ansichtsfenster, aber das liegt an Ihrem '20em' linken und rechten' Rand'. http://codepen.io/anon/pen/xdxYVW –

+0

Vielleicht müssen Sie nur eine andere Art der relativen Breite auf "Körper" einstellen und links/rechts "Rand: Auto" verwenden, um es zu zentrieren? http://codepen.io/anon/pen/KmKQMg –

+0

Dieses Problem besteht für Sprachen von rechts nach links wie Arabisch – Multithreader

Antwort

4

es ist offiziell ein Safari 10.1 Bug. Sie können diesen Beitrag auf Apple Communities bewerten, vielleicht reparieren sie ihn früher. safari 10.1 text-align: justify Bug

+2

Das OP stellte eine Frage für eine Lösung und nicht der Fehler, den er tatsächlich geöffnet hat ... Eine mögliche Lösung oder ein Hack ist, was er braucht – OhadM

+0

Ich glaube nicht, dass es einen Hack gibt, @OhadM. Ich habe dieses Problem auch untersucht. Keine Reparatur in Sicht. Siehe auch http://stackoverflow.com/questions/43184042/ios-10-3-safari-text-alignjustify-bug-for-persian-arabic-content – Mary

+0

Deshalb gibt es eine Prämie :) – OhadM

Verwandte Themen