5

我有以下 CSS 代码：

    tr.uprightTr
    {
        padding: 0px;
        margin: 0px;
        height: 10px;
        border: none;
        border-spacing: 0px;
    }
    td.uprightTd
    {
        padding: 0px;
        margin: 0px;
        height: 10px;
        border: none;
        border-spacing: 0px;
    }
    table.uprightTbl
    {
        padding: 0px;
        margin: 0px;
        border: none;
        border-collapse: collapse;
        border-spacing: 0px;
    }

以及以下 HTML：

<table class="uprightTbl" cellpadding="0" cellspacing="0">
    <tr class="uprightTr">
         <td class="uprightTd"><input type="checkbox" /></td>
...

无论我尝试什么，它都会在元素之间保留一些空间。关于我可以尝试或可能做错的任何想法？

PS：我还检查了 Chrome 上的元素，元素成功到达了相关的 css 行。

4

4 回答 4

12

您是否尝试为所有元素添加 CSS 规则，例如：

.uprightTbl * {
    border: none;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}

它可能会解决您的问题。

于 2012-12-04T18:39:31.847 回答
5

应用以下样式：

border-spacing:0;
border-collapse:collapse;

此查询已存在：Set cellpadding and cellspacing in CSS?

于 2012-12-04T18:42:36.663 回答
2

添加以下CSS代码：

input[type=checkbox] { margin:0 }

默认情况下，浏览器会设置一些边距。

希望这可以帮助..

于 2012-12-04T18:41:19.903 回答
0

检查任何 display:inline-block... 并更改为 display:block。inline-block 在元素后添加 3-4px 的空间...

如果您使用任何图像，请确保它们显示为块。

于 2012-12-04T19:09:46.833 回答