多個下拉列表<Select>彼此對齊

Question

我有一個對話框，其中包含SELECT下拉列表的數量。我通過使用&nbps;

將它們安排在對話框中但是我無法正確放置它們。以下是圖片。

如何安排它們，使所有這些下拉菜單將垂直對齊。

問候。

Answer 1

不使用 設置最小寬度爲標籤和設置寬度爲選擇框

例如：

風格：

.the-d-box{ 
clear:both; 
margin:0 10px; 
} 
.the-d-box label,.the-d-box select{ 
float:left; 
} 
.the-d-box label{ 
width:120px; 
} 
.the-d-box select{ 
width:150px; 
} 

HTML：

<div class="the-d-box"> 
    <label>Info</label> 
    <select>..</select> 
</div>