多个下拉列表<选择>彼此对齐

时间:2016-04-21 06:50:48

标签: jquery html

我有一个包含多个SELECT下拉列表的对话框。我已经使用&amp; nbps将它们安排在对话框中; 但是我无法正确放置它们。下面是图像。 如何安排它们,使所有这些下拉列表彼此垂直对齐。 问候。

1 个答案:

答案 0 :(得分:1)

请勿使用&nbsp;设置标注的最小宽度设置选择框的宽度

例如:

风格:

.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>