HTML<；表>；“a”后面的单元格；“完成”；rowspan未按预期工作_Html_Html Table

HTML<；表>；“a”后面的单元格；“完成”；rowspan未按预期工作

html

HTML<；表>；“a”后面的单元格；“完成”；rowspan未按预期工作,html,html-table,Html,Html Table,我正在尝试创建一个具有行跨度的相当简单的表，它可以按预期工作。然而，问题是在所有跨区单元解决后出现单元；他们并没有处于我认为应该的位置这是我的密码： <html> <body> <table width="100%" border="1"> <tr> <td rowspan="7"> 7 row </td>

我正在尝试创建一个具有行跨度的相当简单的表，它可以按预期工作。然而，问题是在所有跨区单元解决后出现单元；他们并没有处于我认为应该的位置

这是我的密码：

<html>
<body>
    <table width="100%" border="1">
        <tr>
            <td rowspan="7">
                7 row
            </td>
            <td>
                1 row
            </td>
        </tr>
        <tr>
            <td>
                1 row
            </td>
        </tr>
        <tr>
            <td rowspan="5">
                5 row
            </td>
        </tr>
        <tr>
            <td>
                <i>This shouldn't be here, but below and aligned to the left side of the table</i>
            </td>
            <td>
                <i>This shouldn't be here, but below and aligned at the right side of the table</i>
            </td>
        </tr>
    </table>
</body>
</html>


7排
一排
一排
5排
这不应该在这里，而是在桌子的下面，并与桌子的左侧对齐
这不应该在这里，而是在桌子的右侧下方对齐

以下是它在Chrome和Firefox中的渲染方式（我没有在堆栈溢出时发布内联图像的名声）：

这两个冗长的单元格实际上应该在已经建立的第1列和第2列中，而不是作为新的第3列和第4列

问题似乎来自于我，我跨越了从未单独意识到的行。请记住，这是一个较大的动态生成表的一部分，在某些情况下，该表将显示7行中的每一行。我知道总会有人问我为什么要这么做

我在规格中没有看到任何东西表明我不能像这样划船，所以我希望我只是错过了一些明显的东西

这里有一个JSFiddle:

我不确定您期望的是什么。根据我的理解，我给出了两种可能性

根据您的要求选择

第一种方法：

表{
边界塌陷：塌陷；
}
运输署{
填充：20px；
边框：1px纯黑；
文本对齐：居中；
}


7.
1.
1.
5.
1.
1.
1.
1.
1.
1.

您只有四个表格行可以开始。不知道在你的脑海中，将一个单元格跨越这四行中的七行会有什么意义…？你能画出或给出一个例子来说明你想要完成什么吗。你的gif链接不工作抱歉。GIF链接现在又开始工作了。CBroe：啊，总是有人问堆栈溢出的原因！这个例子实际上只是一个更复杂的表结构的大简化。实际上，这些结构中有两个并排出现，有时一边没有内容，有时我稍后通过JavaScript加载内容。提前预定7行会容易得多。感谢您的关注，以及您深思熟虑的建议。我已经让GIF工作了，我已经回答了CBroe的问题，为什么我甚至需要在原始帖子的评论中使用GIF。这两种解决方案都会创建新的单个单元，这些单元占用所有7个预定义行，因此可以正确渲染。我有一种感觉，在HTML中，不能像我试图做的那样，在保留中跨越行。