我尝试在所有浏览器中垂直对齐标签标记中的范围和复选框。
<div class="container">
<label class="checbox checkbox-inline">
<input type="checkbox">
<span>Remember Me</span>
</label>
</div>
我的CSS文件
.container {
padding: 20px;
border: 2px solid black;
}
label span {
font-size: 14px;
}
input[type="checkbox"] {
position: relative;
bottom: 1px;
}
FWIW,我正在使用Bootstrap 3.看起来Bootstrap在其复选框中添加 4px 上边距,删除上边距没有帮助。