如何使用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演示

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

这是解决方案.

HTML:

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

CSS:

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

希望这可以帮助.

编辑

td, th {padding:0}