Question

我想连续添加两个或更多表，它们必须看起来像一个表。

<html>
<head>
<style type="text/css">
.cls
{
border:1px solid #000000;
}
.cls td {
    border:1px solid #000000;
}

</style>
</head>

<body>
<table class="cls">
    <tr>
        <td>aaa</td><td>bbb</td><td>ccc</td>
    </tr>
    <tr>
        <td>ddd</td><td>eee</td><td>fff</td>
    </tr>
</table>

<table class="cls">
    <tr>
        <td>aaa</td><td>bbb</td><td>ccc</td>
    </tr>
    <tr>
        <td>ddd</td><td>eee</td><td>fff</td>
    </tr>
</table>

    </body>
</html>

我的问题是表格合并的行通常是一个doble行。我怎样才能像一条线一样展示它。

alt text

Answer 1

.cls-last
{
   border-top: 0px;
}

在你的第二张桌子上：

<table class="cls cls-last">
    <tr>
        <td>aaa</td><td>bbb</td><td>ccc</td>
    </tr>
    <tr>
        <td>ddd</td><td>eee</td><td>fff</td>
    </tr>
</table>

Answer 2

您可以通过CSS更改表格的顶部（或底部）边框。

但是，对齐可能是一个挑战。在您给出的示例中，不是问题 - 每个包含3个（相对）相似的字符。所以，它几乎完全相同。但是，如果一个表中的一列有10个字符，那么HTML将会扩展该列，并且您将留下两个明显不同的实体。

因此，为了使这项工作100％的时间，您将需要设置宽度和（可能）溢出属性。

我很难理解为什么你必须这样做。我确定你有理由，但两个类似的宽度和列相似的实体应该能够混合。如果表只是有时出现，或者你想删除行，你可以通过Javascript和/或CSS或在渲染时在服务器级别这样做。

删除表格行

2 个答案: