html-table - 如何在html中的列中添加单元格

Question

有没有一种方法可以在 html 表的行列中添加单元格，而无需在我附加图像的行列内添加另一个表。这是我的代码

<tr>
        <tbody>
        <td>Name</td>
        <td><div id="span1">Units</div>
            <div id="span2" class="side-border">price</div>
            <div id="span2" class="r">value</div>
        </td>
        </tbody>
</tr>

Answer 1

如果你想要你的行有一些不同的结构，你应该检查colspan和rowspan。这些数字应该加起来。

例子

<table border="1px">
<tr>
    <td colspan="5">Hello</td>
    <td>World</td>
</tr>
<tr>
    <td rowspan="2">col 1</td>
    <td colspan="4">CENTER</td>
    <td>right</td>
</tr>
<tr>
    <td colspan="3">Text</td>
    <td colspan="3">bottom right</td>
</tr>
</table>

如果您要将数字从colspan它们加到 6 并rowspan转到 3。但是有些事情您必须注意。我现在很难解释这些是什么，只是试着想象一下你希望你的桌子看起来如何，然后按照这个：

1. 该表应具有最大行数
2. 该表应具有最大列数
3. rowspan跨表使用必须加起来（或多或少）
4. colspan跨表使用必须加起来（或多或少）。

跟着它，在为一些“复杂”的表格编写 HTML 之后，你就会明白它的要点。