Klammern zeigt die Unrecht für Recht auf linken display-Stil

Den html-code

<html dir="rtl">
<p>hello (world)</p>
</html>

werden Sie sehen eine Seite wie diese:

(hello (world

Aber，wenn ich den html-code in

<html dir="rtl">
<p>hello (world) again</p>
</html>

Dann erscheint der text normal:

 hello (world) again

Jemand erklären kann, warum dies passiert?
Zu beheben, wie das erste Beispiel?

Mein browser ist chrome

InformationsquelleAutor user607722 | 2011-04-21
  1. 38

    Müssen Sie nur fügen Sie die LRM-Zeichen nach der letzten Klammer. HTML-Person: &#x200E;

    <html dir="rtl">
<body>
<p>hello (world)&#x200E;</p>
</body></html>

    Dies sagt dem browser, interpretieren die Klammern als von-Links-nach-rechts Lesen.

    • Herzlich willkommen auf Stack Overflow! Seien Sie vorsichtig beim buchen von kopieren und einfügen von Textbausteinen/verbatim Antworten auf mehrere Fragen (stackoverflow.com/questions/5801820/...), diese sind in der Regel gekennzeichnet als "Spam" durch die Gemeinde.
    • Wenn ich sehe, eine Antwort, die ich nicht wirklich erwartet, es wurden handschriftlich durch den Benutzer. Viele Male, ist es nicht auch praktisch (obwohl ein backlink könnte nützlich sein, für weitere Informationen). Während mit diesem Tipp, den ich fand es Chrome developer tools einen schönen Kürzel &lrm; - leichter zu merken...
    • Ich war auf der Suche für die Lösung von lange. &#x200E; war für mich sehr gut. Vielen Dank 🙂
    • Dies ist nicht die Arbeit mit "placeholder" - Attribut im "input" - tag.
    • Kann mir jemand erklären, warum dies passiert?
    InformationsquelleAutor freeworlder
  2. 16

    Oder besser, Sie können versuchen, im CSS

    *:after {
    content: "\200E‎";
}
    • Dies Tat nichts für mich. Die Klammern sind immer noch falsch, aber es Tat insert random Lücken überall.
    • Bei mir funktioniert jsbin.com/fisazix/edit?html,css,Ausgang
    • Ja hier funktioniert, ich würde stellen Sie sicher, der Stil ist wirklich angewendet wird, um Ihre Elemente
    • Dies ist nicht die Arbeit mit "placeholder" - Attribut im "input" - tag.
    InformationsquelleAutor Adrian Ber
  3. 4

    Hinzufügen die Besondere rlm-Zeichen im css vor und nach dem element gelöst alle Fälle habe ich in Firefox und Chrome:

    *:after {
    content: "\200E‎";
}
*:before {
    content: "\200E‎";
}
    • Das ist es! Danke!!!
    InformationsquelleAutor DoPPeS
  4. 2

    Verwenden &rlm; vor (.
    Ex: 

    <html dir="rtl">
<body>
<p>hello &rlm;(world)</p>
</body></html>

    wenn Sie mit javascript/svg Dom dann

     aText = $('<span>').html(aText.replace("(","&rlm;(")).text();
 $("<p>").html(aText);

    anderen speziellen Charactors 

    function getRTLText(aText,aChar) {
        if ( aText != undefined && aText.replace){
            aChar = (aChar === undefined )?"(":aChar;
            aText = $('<span>').html(aText.replace(aChar,"&rlm;"+aChar)).text();
        }
        return aText;
}

    - und call-Funktion

    getRTLText("March /2018","/");

    InformationsquelleAutor Veer
  5. 1

    Dies ist der richtige Klammer rendering für rechts-nach-Links text (scheinbar). Dieser Artikel gibt ein bisschen mehr info.

    http://www.i18nguy.com/markup/right-to-left.html

    Die dir Attribut ist nun abgeschrieben.

    InformationsquelleAutor trickwallett
  6. -1

    Wenn jemand hat dieses Problem in WordPress können Sie versuchen, diese zu beheben:

    https://gist.github.com/dtbaker/b532e0e84a8cb7f22f26

    function dtbaker_rtl_bracket_hack($content){
    if(is_rtl()){
        $content = preg_replace('#<p>([^<]+)\)\s*</p>#','<p>$1)&#x200E;</p>',$content);
        $content = preg_replace('#<p>\s*\(([^<]+)</p>#','<p>&#x200E;($1</p>',$content);
    }
    return $content;
}
add_filter('the_content','dtbaker_rtl_bracket_hack',100,1);
    • Mit Vorschlaghammer um Nüsse zu knacken.
    InformationsquelleAutor dtbaker
Schreibe einen Kommentar