1

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/

4

1 に答える 1

0

長い研究と熟考の末、それは現れます

この答えは機能します

スパンを指定する display: inline-block;と、垂直方向の配置が機能します。

于 2013-03-16T20:04:07.970 に答える