CSS 表格默认填充或边距答案

【问题标题】：CSS table default padding or marginCSS 表格默认填充或边距
【发布时间】：2011-11-24 09:36:49
【问题描述】：

今天是我第一次玩桌子我注意到 table 和 tr 和 td 标签之间有一点空间，像 1 px 左右。

所以这是我的问题：

这是我的代码：

<table id="upload_box_container">
    <tr>
        <td class="border_bottom_1px">hi1</td>
        <td class="border_bottom_1px">hi2</td>
    </tr>
</table>

(upload_box_container - 它只是背景颜色和边框颜色)

(border_bottom_1px - 顾名思义，它只给出 1px 大小的底部边框)

还有一张显示它的图片： http://postimage.org/image/16wz2ao78/

我的问题是

为什么两个底部边框之间有空格
以及为什么表格的侧面有空格（如填充）并且边框不接触表格边框

谢谢。

【问题讨论】：

图片链接已失效，问题不太清楚。

标签： html css html-table css-tables

【解决方案1】：

我更喜欢使用这种方法：

table { table-layout:fixed; border-collapse:collapse; }

【讨论】：

【解决方案2】：

您需要重置浏览器应用的默认样式。

在您的 css 文件顶部尝试：

table, table tr, table td { padding:none;border:none;border-spacing:0;}

并查看一些流行的 CSS 重置：

http://meyerweb.com/eric/tools/css/reset/ http://developer.yahoo.com/yui/reset/

【讨论】：

【解决方案3】：

定义

table { border-spacing:0; }

它应该以你想要的方式呈现。

【讨论】：