5 
<table  border="0" style="padding:10px;width: 960px;border-collapse: collapse;">

   <tbody>
<tr>
<td  style="padding: 0"><img src="8.jpg" alt="" /></td>
<td  style="padding: 0"><img src="98.jpg" alt="" /></td>
<td  style="padding: 0"><img src="998.jpg" alt="" /></td>
<td  style="padding: 0"><img src="1998.jpg" alt="" /></td>
</tr>
<tr>
<td  style="background-color: #757575;">11194</td>
<td  style="background-color: #757575;">11194</td>
<td  style="background-color: #757575;">11194</td>
<td  style="background-color: #757575;">11194</td>
</tr>
<tr>
<td  style="padding: 0"><img src="8.jpg" alt="" /></td>
<td  style="padding: 0"><img src="98.jpg" alt="" /></td>
<td  style="padding: 0"><img src="998.jpg" alt="" /></td>
<td  style="padding: 0"><img src="1998.jpg" alt="" /></td>
</tr>

</tbody>
</table>

tr と td にマージン パディングを追加できないのはなぜですか? 私は td ( <td style="background-color: #757575;">11194</td>) に margin-right.つまり、それぞれがスペースで区切られていることを望みます。しかし、動作できません。それを修正する方法。2 番目の tr は、次の tr の間にスペースがあります。

4

3 に答える 3

7

テーブル セルのマージン指定は無視されます。参照: http://www.w3.org/TR/CSS2/tables.html およびCSS セル マージン

内部テーブル要素は、コンテンツと境界線を含む長方形のボックスを生成します。セルにもパディングがあります。内部テーブル要素には余白がありません。

パディングを追加したい場合は、border-collapse:separate を設定するだけです。

于 2012-12-30T07:29:14.213 に答える
2

とお願いしていると思いますborder-collapse;ので使ってみてください...

table {
   border-collapse: collapse;
}

追加したい場合は、次paddingのようにすることができます

table.class_name td {
   padding: 0; 
}
于 2012-12-30T06:51:17.343 に答える
2

table要素と上にtdパディングを与えていて、与えている理由padding:0

border-collapse: collapse要素から削除するtableと、このテーブルでパディングとマージンを簡単に処理できます。

概念については、デモ フィドルを参照してください: http://jsfiddle.net/GVt3z/

注：上記のフィドルには正確な答えが含まれていません。

margin-right スペースの更新されたフィドルを参照してください。ただし、手法は異なります。

http://jsfiddle.net/GVt3z/1/

于 2012-12-30T06:51:55.690 に答える