如何在CSS中设置cellpadding和cellpacing？

2018-06-05 07:56:07

这个问题在这里已经有了答案：

在CSS中设置cellpadding和cellspacing？ 26个答案

在表格上的单元格和border-spacing上使用padding 。前者会给你cellpadding，而后者会给你cellpacing。

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

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

jsFiddle演示

表格分隔符（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结果）

这是解决方案。

HTML：

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

CSS：

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

希望这可以帮助。

编辑

td, th {padding:0}

链接地址: http://www.djcxy.com/p/16939.html