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

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/

最佳答案

经过长时间的研究和思考，它似乎

This answer works

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

关于css - 排列这些自定义复选框和标签，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15451219/