Warum die Tabellenränder falsch gehen, wenn es dir = "rtl" ist?

wenn ich die Seite Richtung ändere die Tabellenränder rtl ist falsch gehen, wie in diesem Bild Warum die Tabellenränder falsch gehen, wenn es dir = "rtl" ist?

aber wenn ich nur das dir Attribut aus der Seite entfernen ist alles richtig gehen, wie in

CSS

table,td,tr { 
      border: 2px solid black; 
      padding:0px; 
     }

HTML

<body ><table> 
    <tr><td></td><td></td></tr> 
    <tr><td></td><td></td></tr> 
    </table></body>

dies in Firefox geschieht auf Chrom aber die Tabelle in beiden Richtungen korrekt ist!

Wie Sie dieses Problem lösen?

danke.

Quelle

2016-08-07 Accountant م

Interessant ... es kommt auch mit der CSS 'Richtung: rtl' Eigenschaft. – TheThirdMan

'Das passiert in Firefox, aber auf Chrome ist die Tabelle in beiden Richtungen korrekt!' - Dann ist das wahrscheinlich ein Bug und sollte dem Firefox Bug Tracker gemeldet werden. – Siguza

Ich habe getestet, und es begann nur in Firefox v41 schief gehen. Ältere Versionen sind in Ordnung. –

Wie die Kommentare sagen, ist es ein Fehler.

Jedoch.

In der Realität müssen Eigenschaften tr Elemente nicht gegeben werden. In der Tat, es gibt kaum eine Notwendigkeit, irgendwelche Eigenschaften tr Elemente zu geben, außer in sehr speziellen Situationen.
So können Sie die ,tr aus dem CSS-Selektor entfernen.
Wenn Sie das tun, wird sich nichts zum Schlechteren ändern - die Tabelle wird im LTR-Modus immer noch gleich aussehen. Aber es wird auch im RTL-Modus OK aussehen. Dies ist also die Lösung für Ihr Problem.

table,td { 
 
    border: 2px solid black; 
 
    padding: 0px; 
 
}

<body dir="rtl"> 
 
    <table> 
 
    <tr> <td>test</td><td>test</td> </tr> 
 
    <tr> <td>test</td><td>test</td> </tr> 
 
    </table> 
 
</body>

Quelle

2016-08-07 17:28:08

Warum die Tabellenränder falsch gehen, wenn es dir = "rtl" ist?

Antwort

Verwandte Themen