3

たぶん私はうるさいです。すべての td 要素を編集せずに、セルのパディングを一部のテーブルに配置したいが、他のテーブルには配置したくない。テーブルの cellpadding プロパティを使用しないことを意味する html5 準拠にしたいと思います。しかし、セルパディングと同等のもの、つまり、テーブルごとにテーブル全体のプロパティに適用できるものが欲しいです。

さらに複雑にするために、セル間隔プロパティを使用して除外すると思われる折りたたまれた境界線が必要です。そこでできるトリッキーなことはありますか？

4

2 に答える 2

0

これらの問題は、CSS を使用して解決できます。

table.table-big td {
  padding: 10px;
}

table.table-collapse {
border-collapse: collapse;  
}

table td {
  border: 1px solid #333;
}
<table class="table-big table-collapse">
  <tr>
    <td>foo</td>
    <td>bar</td>
  </tr>
</table>

<table>
  <tr>
    <td>Hello</td>
    <td>World</td>
  </tr>
</table>

paddingセル レベルでは、データと境界線の間にスペースを作成するために使用できます。
border-collapseは、境界線を折りたたんだり分離したりするために使用できます。

これらのスタイルを使用してクラスを作成できるため、どのテーブルがどのスタイルを取得するかを直接制御できます。私の例では、2 番目のテーブルはスタイリングされませんでした。

于 2016-09-20T12:10:05.740 に答える