Question

今天是我第一次玩桌子我注意到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/

我的问题是

为什么两个底边之间有空格
以及为什么桌子两侧有空格（如填充），边框不会碰到桌边

感谢。

Answer 1

定义

table { border-spacing:0; }

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

Answer 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/

Answer 3

我更喜欢使用这种方法：

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

CSS表默认填充或边距

3 个答案: