垂直对齐复选框标签？

2018-06-14 13:41:21

这个问题在这里已经有了答案：

如何对齐复选框及其标签一致的跨浏览器36的答案

这就是我对你的代码所做的。

HTML

<label class="checkbox-label"><input type="checkbox" value="115">-middle</label>

CSS

label.checkbox-label input[type=checkbox]{
    position: relative;
    vertical-align: middle;
    bottom: 1px;
}

小提琴

尝试使用：

vertical-align: text-bottom;

的jsfiddle

编辑：

 <input id="checkbox" type="checkbox" value="115">
 <label class="checkbox-label" for="checkbox">Administrators</label>

调整标签的线高度。

链接地址: http://www.djcxy.com/p/41443.html