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

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

经过长时间的研究和反思

这个答案有效

给跨度 a display: inline-block;和垂直对齐可以工作。