6

次のようなテーブルを作成しようとしています。

{| class="wikitable" style="background:#F00;"
|-
! colspan="3" | Title
|-  
! style="border-width:1px 0px; width:20px" | A
! style="border-width:1px 0px;" | [[A]]
! style="border-left-width:0px; width:20px" | A
|-
| colspan="3" | Text
|}

ただし、赤い背景が右側に「にじみ」ます。つまり、テーブルの右境界線の右側に、赤の垂直ストリップがあります。

開発者ツールを使用して詳しく調べると、これはセルのパディングが 0.2em に設定されているためであり、(奇妙なことに) 整数ピクセルに丸められず、2.54999px のパディングになっています。次に、ブラウザはテーブル ボックスを右の境界線の外側にレンダリングします。

これは、セルに px ベースのパディングを個別に与えることで修正できます。しかし、これはコードを複雑にするため、より適切な解決策を探しています。

編集:「丸められない」動作は「wikitable」クラスが原因であることに注意してください。クラスを削除しようとしましたが、パディングは丸くなっています。

EDIT2: MediaWiki が jQuery の.css()方法 (または em ベースの測定値を四捨五入しない他の同等のもの) を使用してウィキテーブルのパディングを設定するため、さらなる実験により、これが最も可能性が高いことが示されています。これを克服する方法はありますか?

4

1 に答える 1

0

を使用するtable { border-spacing: 0; }と、空白がなくなります。border-spacingが最初に に設定されている Chrome でテストされてい2pxます。

于 2016-04-17T19:47:31.210 に答える