-3

次の HTML スニペットがあります。

<table>
 <tbody>
  <tr>
   <td><table>...</table></td>
   <td><table>...</table></td>
   <td><table>...</table></td>
   ...
   <td><table>...</table></td>
  </tr>
 </tbody>
</table>

これにより、このjsFiddleで表される問題が発生します。td最初のレベルのすべての間に、tableどこから来ているのかわからない特定のスペースがあることが簡単にわかります。この結果、第 1 レベルのテーブルの幅が第 2 レベルのテーブルの幅の合計よりも大きくなります。フィドルの警告ポップアップをチェックして、私が何を意味するかを確認できます。

同じ幅になるようにこの動作を修正するにはどうすればよいですか?

注:説明があれば幸いです。

4

2 に答える 2

0

すべての td の最初のレベルに css プロパティを追加できます。td にはデフォルトのパディングがあります

td{
   margin:0; padding:0;
}
于 2013-03-05T11:53:33.977 に答える
0

幅を同じにするために、これを親テーブルに追加します。

cellpadding="0" cellspacing="0"

ワーキングフィドル:デモ

余白を減らしたい場合は、子テーブルの幅を 300px 程度に減らしてください。

于 2013-03-05T12:01:52.327 に答える