排列这些自定义复选框和标签

Question

CSS将这些跨度设置为与包含标签2vw

相同的高度

input[type="checkbox"] + label {
        margin:0 auto;
        padding:0;
        padding-left:3vw;
        height:2vw;
        line-height:2vw;
}
input[type="checkbox"] + label span {
        background:lime;
        color:lime;
        position:absolute;
        margin-left:-3vw;
        text-align:center;
        width:2vw;
        height:2vw;
}

但他们显然不是。

此外，跨度不是垂直居中的。

为了使与相同的高度以及垂直居中包含标签，缺少什么？

告诉你：http://jsfiddle.net/zLU8r/

Answer 1

经过长时间的研究和反思，它出现了

This answer works

给出范围a display: inline-block;和垂直对齐可以正常工作。