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>