html - 表格内的表格 - 垂直放置元素而不是水平放置

Question

我正在做一个作业，其中所需的输出是:

有人告诉我我们要使用表格来完成此操作。

我的(尚未应用任何 CSS)看起来像:

我的代码是这样的:

        <table>
        <tr>
            <td>
                <table border="0">

                    <td>
                        <select name="Continent">
                            <option value="North America">North America</option>
                            <option value="South America">South America</option>
                            <option value="Asia">Asia</option>
                        </select>
                    </td>
                    <td>
                        <select name="Country">
                            <option value="Canada">Canada</option>
                            <option value="Other">Other</option>
                        </select>
                    </td>
                    <td>
                        <select name="City">
                            <option value="Ottawa">Ottawa</option>
                            <option value="New York">New York</option>
                            <option value="Sydney">Sydney</option>
                        </select>
                    </td>
                </table>
            </td>
            <td>
                <table>
                    <td>Checkboxes</td>
                </table>
            </td>

        </tr>
    </table>

所以我想我的问题是:如何让下拉列表垂直堆叠？我试过将它们放在自己的 <tr> 中元素，但这什么都不做，它只是稍微改变了它们之间的间距。

我是否需要在一个表中使用两个表的双表方法？

这是在 CSS 中完成的，还是我必须先在 html 中稍微正确一点？

Answer 1

你是这个意思吗？

<table border="1px solid">
<tr>
<td><select name="Continent">
<option value="North America">North America</option>
<option value="South America">South America</option>
<option value="Asia">Asia</option>
</select></td>
<td rowspan="3">Chexbox</td>
</tr>
<tr>
<td><select name="Country">
<option value="Canada">Canada</option>
<option value="Other">Other</option>
</select></td>
</tr>
<tr>
<td><select name="City">
<option value="Ottawa">Ottawa</option>
<option value="New York">New York</option>
<option value="Sydney">Sydney</option>
</select></td>
</tr>
</table>