如何對齊標簽並在引導中選擇？

Question

我有以下結構：

HTML

<div class="form-group col-xs-3">
        <label class="col-xs-11">Specimen
            <select class="form-control">
                <option *ngFor="let option of specimenOptions" [value]="option.value">{{option.text}}</option>
            </select>
        </label>
        <i class="sprite sprite-Arrow-Right" aria-hidden="true"></i>
</div>

CSS

.form-group label {
   float: left;
   text-align: left;
   font-weight: normal;
}

.form-group select {
   margin-left: 10px;
   display: inline-block;
   vertical-align: middle;
}

是否可以在不指定margin-top屬性的情況下將圖標與其余元素對齊？

Answer 1

我找到了一種方法來使用

display: inline-block;
vertical-align: middle;
float: none;

在每個元素上。 我也將它們全部放在一列中，並且必須使您的選擇獨立於label 。 您可以在此處查看結果 。 希望對您有所幫助。