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

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

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

如何使用CSS实现这一点？

当前回答

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

其他回答

这个问题的简单解决方案是：

table
{
    border: 1px solid #000000;
    border-collapse: collapse;
    border-spacing: 0px;
}
table td
{
    padding: 8px 8px;
}

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

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

对于那些想要非零单元格间距值的人，下面的CSS对我有用，但我只能在Firefox中测试它。

有关兼容性的详细信息，请参阅其他地方发布的Quirksmode链接。它似乎不适用于较旧的Internet Explorer版本。

table {
    border-collapse: separate;
    border-spacing: 2px;
}

CSS:

selector{
    padding:0 0 10px 0; // Top left bottom right 
}

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

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

推荐文章