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>