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>