首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >为什么单元格间距和单元格填充不是CSS样式

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

Stack Overflow用户
提问于 2008-12-03 23:34:41
回答 5查看 42.7K关注 0票数 52

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

为什么没有CSS属性来覆盖这些过时的HTML4属性?

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2008-12-03 23:44:01

Cellspacing

代码语言:javascript
复制
table { border-collapse: collapse; }

至于cellpadding,您可以这样做

代码语言:javascript
复制
table tr td, table tr th { padding: 0; }
票数 65
EN

Stack Overflow用户

发布于 2009-01-24 23:55:20

Eric Myer的reset stylesheet包含以下表格的“重置”样式:

代码语言:javascript
复制
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

此外,TD、TR被重置:

代码语言:javascript
复制
thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

我提到这一点的原因是他有一条评论:“表仍然需要cellpadding=0”。我猜他把这个放在这里是有原因的--可能是一些老的浏览器需要的。事实上,这是他收录的为数不多的几条评论之一,我猜这很重要,而且有很好的理由。

基于这条评论--仅基于这条评论!--我将继续在标记中使用cellspacing="0“,除非有人明确地告诉我(下面)为什么我不需要这样做。然而,在当今任何值得支持的现代浏览器中,它可能都是不必要的。

票数 9
EN

Stack Overflow用户

发布于 2008-12-03 23:37:49

代码语言:javascript
复制
table { border-collapse:collapse; }
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/339146

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档