内容来自 DOC https://q.houxu6.top/?s=将CSS中的cellpadding和cellspacing设置为?
在HTML表格中,可以使用CSS设置cellpadding
和cellspacing
属性,如下所示:
<style>
table {
cellspacing: 1;
cellpadding: 1;
}
</style>
<table></table>
这样就可以使用CSS实现相同的效果。
基础知识
要在CSS中控制“cellpadding”,只需在表格单元格上使用padding
属性。例如,要为10像素的“cellpadding”设置:
td {
padding: 10px;
}
对于“cellspacing”,可以将border-spacing
CSS属性应用于表格。例如,要为10像素的“cellspacing”设置:
table {
border-spacing: 10px;
border-collapse: separate;
}
该属性甚至可以允许单独的水平间距和垂直间距,这是旧式“cellspacing”无法做到的。
在IE≤7中的问题
这将在几乎所有流行的浏览器中起作用,除了Internet Explorer 7以下版本,在这些浏览器中您几乎无济于事。我之所以说“几乎”,是因为这些浏览器仍然支持border-collapse
属性,它将合并相邻表格单元格的边框。如果您正在尝试消除单元格间距(即cellspacing="0"
),则应使用border-collapse:collapse
:表格单元格之间没有空间。这种支持是有缺陷的,因为它不会覆盖表格元素上已经存在的cellspacing
HTML属性。
总之,对于非Internet Explorer 5-7浏览器,可以使用border-spacing
来处理。对于Internet Explorer,如果您的情况恰到好处(您想要0单元格间距并且您的表格没有定义它),则可以使用border-collapse:collapse
。
table {
border-spacing: 0;
border-collapse: collapse;
}
注意:有关可以应用于表格的CSS属性以及适用浏览器的出色概述,请参阅此Quirksmode页面。