[英]Vertical Alignment for Fieldset Elements
經過對CSS的大量修改后,我設法使表單元素正確對齊。 不幸的是,我一生無法解決如何將標簽/圖像定位錯誤的問題。 我希望它們在選擇框旁邊居中排列,但是它們在其頂部對齊,到目前為止,我沒有嘗試過。
<fieldset style="width:62%; float:left; margin-left: 19%;">
<label style="width: float: left;">Type</label>
<select style="width:40%; float: left;">
<option>Motherboard</option>
<option>Memory</option>
<option>Processor</option>
</select>
<label style="width:auto; float: left;">Item</label>
<select style="width:40%; float: left;">
<option>Motherboard</option>
<option>Memory</option>
<option>Processor</option>
</select>
<a href="#"><img src="images/icn_trash.png" style="width:auto; float: left;"></a>
<a href="#"><img src="images/icn_new_article.png" style="width:auto; float: left;"></a>
</fieldset><div class="clear"></div>
更新
當將其更改為使用表格時,它顯示如下:
<div id="inv1" class="inventory" style="margin:0; padding:0;">
<fieldset style="width:62%; float:left; margin-left: 19%;">
<table style="width:100%">
<tr>
<td style="width:5%;"><label style="width:auto;">Type:</label></td>
<td><select style="width:100%;">
<option>Motherboard</option>
<option>Memory</option>
<option>Processor</option>
</select></td>
<td style="width:5%;"><label style="width:auto;">Item:</label></td>
<td><select style="width:100%;">
<option>Motherboard</option>
<option>Memory</option>
<option>Processor</option>
</select></td>
<td><a href="#"><img src="images/icn_trash.png" style="width:auto;"></a></td>
<td><a href="#" class="btnAddInventory"><img src="images/icn_new_article.png" style="width:auto;"></a></td>
</tr>
</table>
</fieldset><div class="clear"></div>
</div>
我建議您使用具有4列的表格。
也許您還有另一個與字段樣式相交的CSS
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.