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>