CSS 表格默认填充或边距

Posted 2023-03-05

【中文标题】CSS 表格默认填充或边距

【英文标题】：CSS table default padding or margin

【发布时间】：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/

我的问题是

为什么两个底部边框之间有空格

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

谢谢。

【问题讨论】：

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

【参考方案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; 

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