没有空格的HTML表

Question

我有以下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行.

Answer 1

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

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

它可以解决您的问题.

Answer 2

应用以下样式：

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

此查询已存在：在 CSS 中设置单元格填充和单元格间距？