blocks|key|1675579|text|table+{+border-collapse:collapse;+}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1675580|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>table { border-collapse:collapse; }
</code></pre>

blocks|key|1675591|text|Cellspacing：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1675592|table+{+border-collapse:+collapse;+}|code-block|syntax|javascript|1675593|至于cellpadding，您可以这样做|1675594|table+tr+td,+table+tr+th+{+padding:+0;+}|1675595|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/Css/pr_tab_border-collapse.asp|1|http://www.w3schools.com/css/css_padding.asp^0|0|B|0|0|0|2|B|1|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@$A|12|B|13|1|14]]|C|$]]|$1|K|3|L|5|F|7|15|8|@]|9|@]|C|$G|H]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]|U|$5|P|Q|R|C|$S|V]]]]

<a href="http://www.w3schools.com/Css/pr_tab_border-collapse.asp" rel="noreferrer">Cellspacing</a> :

<pre><code>table { border-collapse: collapse; }
</code></pre>

As for <a href="http://www.w3schools.com/css/css_padding.asp" rel="noreferrer">cellpadding</a>, you can do

<pre><code>table tr td, table tr th { padding: 0; }
</code></pre>

blocks|key|1675643|text|我猜有人认为单元格间距是一种“糟糕的做法”。据我所知，它等同于包含在CSS2标准中，但IE不支持此属性。边框折叠允许将间距设置为0值。单元格填充可以通过设置表格的TD元素的填充属性来实现。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1675644|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I guess somebody considered cell spacing a “bad practice”. How I understand it is equivalent included in CSS2 standard but IE does not support this property. border-collapse allows to set spacing to 0 value. Cell padding may be achieved setting padding property to TD elements of a table.

blocks|key|1460617|text|Eric+Myer的reset+stylesheet包含以下表格的“重置”样式：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1460618|/*+tables+still+need+'cellspacing="0"'+in+the+markup+*/
table+{
++++border-collapse:+collapse;
++++border-spacing:+0;
}|code-block|syntax|javascript|1460619|此外，TD、TR被重置：|1460620|thead,+tr,+th,+td+{
++++margin:+0;
++++padding:+0;
++++border:+0;
++++outline:+0;
++++font-size:+100%25;
++++vertical-align:+baseline;
++++background:+transparent;
}|1460621|我提到这一点的原因是他有一条评论：“表仍然需要cellpadding=0”。我猜他把这个放在这里是有原因的--可能是一些老的浏览器需要的。事实上，这是他收录的为数不多的几条评论之一，我猜这很重要，而且有很好的理由。|1460622|基于这条评论--仅基于这条评论！--我将继续在标记中使用cellspacing="0“，除非有人明确地告诉我(下面)为什么我不需要这样做。然而，在当今任何值得支持的现代浏览器中，它可能都是不必要的。|1460623|entityMap|0|LINK|mutability|MUTABLE|url|http://meyerweb.com/eric/tools/css/reset/^0|A|G|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|14|8|@]|9|@]|C|$G|H]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|16|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]]]

Eric Myer's <a href="http://meyerweb.com/eric/tools/css/reset/" rel="noreferrer">reset stylesheet</a> contains the following 'reset' style for table :

<pre><code>/* tables still need 'cellspacing="0"' in the markup */
table {
 border-collapse: collapse;
 border-spacing: 0;
}
</code></pre>

In addition TD, TR are reset :

<pre><code>thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
}
</code></pre>

The reason I mention this is that he has a comment 'tables still need cellpadding=0'. I assume he put this in here for a reason - probably needed by some old browsers. Judging by the fact that this is one of the very few comments he included I'm guessing its important and that there's a good reason for it.

Based on this comment - and this comment alone! - i'm continuing to use cellspacing="0" in the markup unless someone tells me definitively (below) why I dont need to. It could however likely be unnecessary in any modern browser worth supporting these days.

blocks|key|1460731|text|遗憾的是，单元格不能从行(tr)的CSS属性继承默认填充，如果不是"initial“则从rowgroup+(thead/tbdy/tfoot)继承默认填充，如果不是"initial”则从colgroup继承默认填充，或者从整个表继承默认填充。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1460732|“单元格间距”没有这个问题(但实际上它们是单元格周围的边距，这些外边距随着相邻单元格的边距和表格/行组或行的内部填充而折叠，其中它们由表格的“背景”设置填充(表格背景也包括表格的“边框”，它绘制在表格的顶部，并且还在表格边框的外边缘裁剪此背景，特别是当此边框具有圆角时)。|1460733|但是对于单元格边距来说，将"+cell+-+padding+:+n“定义为表或组属性会更简单，而不是在每个单元格上单独显式地使用它自己的”边框:+n“样式(只有当我们需要覆盖某些特定单元格中的边距时才使用它)。|1460734|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

It's still a shame that cells cannot inherit their default padding from a CSS property of the row (tr), otherwise from rowgroup (thead/tbdy/tfoot) if it's not "initial", colgroup if it's not "initial", or the whole table.

"cellspacing" dos not have this problem (but in fact they are margins around cells, and these outer margins collapse with margins of the neighouring cells, and with the inner paddings of the table/rowgroup or row, where they are filled by the table's "background" setting (the table background also includes the table's "border" which is drawn on top of it and that also clips this background on the outer edge of the table's border, notably when this border has rounded corners).

But for the cellpadding, It would be jut simpler to defined "cell-padding: n" as a table or group property rather than on each cell separately and explicitly with its own "border: n" style (which should only be used if we need to override the padding in some specific cells).

I don't know why this bothers me so much, but when I create websites, I always try to do all my styling with CSS. However one thing I always have to remember to do when I'm working with tables is add cellspacing="0" and cellpadding="0"

Why is there not a CSS property to override these antiquated HTML 4 attributes?

Why are cellspacing and cellpadding not CSS styles

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我不知道为什么这让我如此困扰，但当我创建网站时，我总是尝试用CSS来做我所有的样式。然而，当我使用表格时，我必须记住的一件事是添加cellspacing="0“和cellpadding="0”为什么没有CSS属性来覆盖这些过时的HTML4属性？

问为什么单元格间距和单元格填充不是CSS样式
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么单元格间距和单元格填充不是CSS样式EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么单元格间距和单元格填充不是CSS样式
EN