如何使用CSS在表格中设置cellpadding和cellspacing？

Question

有人可以告诉我如何更改表格cellpadding和cellspacing，就像你可以在html中使用：

<table cellspacing="0" cellpadding="0"> 

但是如何用css完成？

Answer 1

在单元格上使用padding，在表格上使用border-spacing。前者将为您提供cellpadding，而后者将为您提供cellspacing。

table { border-spacing: 5px; } /* cellspacing */

th, td { padding: 5px; } /* cellpadding */

jsFiddle Demo

Answer 2

表格分隔符（TD）内的填充是应用于单元格本身的填充属性。

CSS

td, th {padding:0}

表格分隔符之间的间距是TABLE的单元格边框之间的空格。为了使其有效，您必须指定表格单元格边框是“折叠”还是“分离”。

CSS

table, td, th {border-collapse:separate}
table {border-spacing:6px}

试试这个：https://www.google.ca/search?num=100&newwindow=1&q=css+table+cellspacing+cellpadding+site%3Astackoverflow.com（27 100个结果）

Answer 3

这是solution。

HTML：

<table cellspacing="0" cellpadding="0">
    <tr>
        <td>
            123
        </td>
    </tr>
</table>

CSS：

table { 
      border-spacing:0; 
      border-collapse:collapse;   
    }

希望这有帮助。

修改

td, th {padding:0}