77

HTMLテーブルがあります。テーブルの列の間にスペースを空ける必要がありますが、テーブルの行には必要ありません。

CSS プロパティを使用するcellspacingと、行と列の間でそれが行われます。また、私がしていることに CSS を使用することもできません。純粋な HTML を使用する必要があります。

4

5 に答える 5

58

より良いアプローチでは、Shredder の css ルールを使用します: padding: 0 15px 0 15px のみインライン css の代わりに、すべての tds に適用される css ルールを定義します。これを行うには、ページでスタイル タグを使用します。

<style type="text/css">
  td {
    padding: 0 15px;
  }
</style>

または、テーブルに「paddingBetweenCols」のようなクラスを指定し、サイトで css を使用します

.paddingBetweenCols td {
  padding: 0 15px;
}

サイト CSS アプローチは、すべてのページで再利用できる中心的なルールを定義します。

サイト CSS アプローチを使用する場合は、上記のようにクラスを定義し、クラスにパディングを適用するのが最善です...サイト全体のすべての td に同じルールを適用する場合を除きます。

スタイルタグを使用するためのフィドル

サイトCSSを使用するためのフィドル

于 2015-03-24T19:22:29.693 に答える
41

tdインライン スタイリングを使用できる場合は、各..に左右のパディングを設定できます。またはtd、@rene が親切に提案したように、列間に余分なスペースを使用して、多くの非改行スペースを設定します。

http://jsfiddle.net/u5mN4/

http://jsfiddle.net/u5mN4/1/

どちらもかなり醜いです;p css ftw

于 2012-08-03T18:12:09.433 に答える
12 
<table cellpadding="pixels"cellspacing="pixels"></table>
<td align="position"valign="position"></td>

cellpadding="長さ (ピクセル単位)" ~<table>タグで使用される cellpadding 属性は、各テーブル セルのコンテンツとそれぞれの境界線の間に表示する空白の量を指定します。値は、ピクセル単位の長さとして定義されます。したがって、cellpadding="10"属性と値のペアは、そのテーブルの各セルのコンテンツの 4 つの側面すべてに 10 ピクセルの空白スペースを表示します。

cellspacing="長さ (ピクセル単位)" ~<table>タグでも使用される cellspacing 属性は、隣接する表のセル間、および表のセルと表の境界線の間に表示する空白の量を定義します。値は、ピクセル単位の長さとして定義されます。したがって、cellspacing="10"属性と値のペアは、それぞれのテーブル内の隣接するすべてのセルを水平方向および垂直方向に 10 ピクセルの長さで分離します。また、テーブルのフレームからすべてのセルを 4 辺すべてで 10 ピクセルの長さだけオフセットします。

于 2013-07-09T10:00:20.507 に答える