在CSS中设置单元格填充和单元格间距？

在HTML表格中，单元格填充和单元格间距可以这样设置：

<table cellspacing="1" cellpadding="1">

如何使用CSS实现这一点？

当前回答

试试看：

table {
    border-collapse: separate;
    border-spacing: 10px;
}
table td, table th {
    padding: 10px;
}

或者试试这个：

table {
    border-collapse: collapse;
}
table td, table th {
    padding: 10px;
}

其他回答

此外，如果您希望cellspacing=“0”，请不要忘记在表的样式表中添加边框折叠：折叠。

据我所知，在表格单元格上设置边距实际上没有任何效果。单元格间距的真正CSS等价物是边框间距，但它在Internet Explorer中不起作用。

您可以使用border-collapse:collapse将单元格间距可靠地设置为0，如前所述，但对于任何其他值，我认为唯一的跨浏览器方法是继续使用cellspacing属性。

我用过！在边境崩溃后很重要

border-collapse: collapse !important;

它在IE7中对我有用。它似乎覆盖了cellspacing属性。

table
{
    border-collapse: collapse; /* 'cellspacing' equivalent */
}

table td, table th
{
    padding: 0; /* 'cellpadding' equivalent */
}

待定。对于所有使用CSS的问题，您最好只使用cellpadding=“0”cellspacing=“0“，因为它们没有被弃用。。。

显然，任何其他建议<td>利润的人都没有尝试过这一点。

推荐文章