1. ホーム
  2. 質問と答え
  3. dir = "rtl"のときに表の余白が正しく表示されないのはなぜですか？

dir = "rtl"のときに表の余白が正しく表示されないのはなぜですか？

2016-08-07 11 views
4

私はテーブルの余白をrtlするページ方向を変更するには、この絵のように enter image description heredir = "rtl"のときに表の余白が正しく表示されないのはなぜですか？

、間違って行くが、私は唯一のは、すべてのものが enter image description hereのように、正しい行かあるページからdir属性を削除ときです

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>

これはFirefoxで起こるが、クロムの上にテーブルが両方向で正しいです！

この問題を解決するにはどうすればよいですか？

ありがとうございました。

出典

2016-08-07 Accountant م

+1

...それはまた、CSS '方向で起こる：rtl'プロパティ。 – TheThirdMan

+3

'これはFirefoxで起こりますが、chromeではテーブルは両方向で正しいです！ ' - それはおそらくバグであり、Firefoxのバグトラッカーに報告する必要があります。 – Siguza

+1

私はテストしたところ、Firefox v41では間違っていました。古いバージョンはOKです。 –

答えて

2

コメントにはバグがあります。

ただし、

実際にはの特性をtr要素に与える必要はありません。実際には、非常に特殊な状況を除いて、いかなる要素も全く提供する必要はほとんどありません。tr要素。
したがって、,trをCSSセレクタから削除できます。
これを行うと、悪化するものは何も変わりません.LTRモードでもテーブルは同じように見えます。しかし、RTLモードでも正常に見えます。したがって、これはあなたの問題に対する解決策です。興味深い

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>

出典

2016-08-07 17:28:08

関連する問題

 関連する問題