如何在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。这些数字应该加起来。

Example

<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之后，您将获得它的要点。