没有空格的HTML表 [英] HTML Table with No Space

问题描述

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

无论我尝试什么，它都会在元素之间保留一些空间。

No matter what I tried, it keeps some space between elements. Any ideas on what I can try or might be doing wrong?

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

P.S: I also checked out the element on Chrome, element reaches the related css lines successfully.

推荐答案

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

Did you try to add a CSS rule for all elements such as:

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

这可能会解决您的问题。

It may solve your problem.

这篇关于没有空格的HTML表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！