文本未与相应复选框对齐

Question

<div ng-repeat="option in LgODDL track by $index">
    <label> 
        <input type="checkbox" ng-model="selected[$index]" ng-click="toggleOrderSelection(option.Number, option.NumberDetails)">  {{option.NumberDetails}}
    </label>
</div>

我认为这是我唯一可能影响这一点的 CSS：

input {
    line-height: normal;
    height: 22px;
    white-space: nowrap;
}

谁能告诉我为什么上面的代码生成的文本与复选框不均匀对齐？

Answer 1

将以下样式添加到您的 <input> 标签：

.checkbox-align {
  padding-top: 7px;
  margin-bottom: 0;
  vertical-align: middle;
}