为什么colspan会影响html表格边框_Html_Css

为什么colspan会影响html表格边框

html css

为什么colspan会影响html表格边框,html,css,Html,Css,所以我偶然发现了一些对我来说很奇怪的东西例如，以下代码： <html> <table style="border-collapse:collapse;"> <tr> <td align="center" colspan="8" style="border:3px solid black;">Title</td> </tr> <tr>

所以我偶然发现了一些对我来说很奇怪的东西

例如，以下代码：

<html>
    <table style="border-collapse:collapse;">
        <tr>
            <td align="center" colspan="8" style="border:3px solid black;">Title</td>
        </tr>
        <tr>
            <td style="border:2px solid black; width:175px">Destination</td>
            <td style="border:2px solid black;" colspan="2">STR</td>
            <td></td>
            <td style="border:2px solid black;" colspan="2">Order Date</td>
            <td style="border:2px solid black;" colspan="2">24/jan/14</td>
        </tr>
        <tr>
            <td style="border:2px solid black;">SV Truck nr</td>
            <td style="border:2px solid black;" colspan="2">SV92566T/24JAN</td>
            <td></td>
            <td style="border:2px solid black;" colspan="2">Order time</td>
            <td style="border:2px solid black;" colspan="2">18HO</td>
        </tr>
        <tr style="height:20px">
            <td colspan="8" style="border:0"></td>
        </tr>
    </table>
</html>


标题
目的地
STR
订购日期
2014年1月24日
SV卡车编号
SV92566T/1月24日
订货时间
18HO

现在，我想这将导致一个很好的表结构，中间有一个空列<强>无边框< /强>。只要你不把它包括在内

<tr style="height:20px">
    <td colspan="8" style="border:0"></td>
</tr>

事实上，的确如此。所以我的问题是为什么会发生这种情况

我告诉新的一行（我认为与前一行无关），我不想要任何边界。但是，只要我跨越8列的空白无边界行，就会在前一行的先前无边界列的底部添加一个边界

我知道我可以通过不跨越空行并将其保留为空

来解决这个问题，但我真的很想了解为什么会发生这种情况

另外，我知道内联风格通常肯定不是一种好办法，但这是针对html公司的电子邮件，因此我恐怕没有其他选择。

这解决了Chrome中的问题：

<tr style="height:20px">
  <td colspan="8" style="border:3px solid transparent"></td>
</tr>

不知道为什么边框必须至少为

3px

，但它可以工作

此表中是否有8列？如果不是，那么

colspan=“2”

单元格中的要点是什么？除了Chrome之外，这似乎在任何地方都不会发生。在其他浏览器中，无论您是否有最后一个

td[colspan=“8”]

@Pete，都没有底部边框。是的，在这段代码的下面，但是这部分和列的实际数量对于这个问题并不重要，所以我把它们忽略了。@BoltClock真的吗？该死，跨浏览器/电子邮件客户端测试完成的东西将是一件非常痛苦的事情。我认为这与边框折叠有关-如果你删除它，它会工作，尽管你会得到双边框-。如果您有白色背景，您可以只设置背景的边框颜色