html - HTML对齐选择字段

Question

我正在尝试对齐 T 恤网站的两个文本字段，我希望选择字段并排显示，并且它们彼此重叠。任何帮助，将不胜感激。

<table>
<tr><td><input type="hidden" name="on0" value="Color">Color</td></tr><tr><td><select name="os0">
    <option value="White">White</option>
    <option value="Black">Black</option>
    <option value="Grey">Grey</option>
</select> </td></tr>
<tr><td><input type="hidden" name="on1" value="Size">Size</td></tr><tr><td><select name="os1">
    <option value="S">S </option>
    <option value="M">M </option>
    <option value="L">L </option>
    <option value="XL">XL </option>
</select> </td></tr>
</table>

Answer 1

您混淆了 和 的<tr>使用<td>。我一直记得的方式<tr>是TABLE ROW……行总是水平的，而列则垂直向上放置一些东西，比如希腊塔。希望这可以帮助。

<table>
<tr><td><input type="hidden" name="on0" value="Color">Color</td><td><input type="hidden" name="on1" value="Size">Size</td></tr>
<tr>
<td><select name="os0">
    <option value="White">White</option>
    <option value="Black">Black</option>
    <option value="Grey">Grey</option>
</select> </td>
<td><select name="os1">
    <option value="S">S </option>
    <option value="M">M </option>
    <option value="L">L </option>
    <option value="XL">XL </option>
</select> </td>

</tr>
</table>