私は持ってDiv
いますdisplay:table
<div class='wrapper'>
<input type="checkbox" class="b" />
<span class="c" >aaa bbb ccc</span>
</div>
そしてこのCSS:
.wrapper
{
display: table;
border:solid 1px red;
height:40px;
width:200px;
}
.b
{
border:solid 1px green;
display: table-cell;
vertical-align: middle;
}
.c
{
display: table-cell;
vertical-align: middle;
}
ご覧のとおり - と の両方が.b
あり.c
ますdisplay: table-cell; vertical-align: middle;
質問
checkbox
が であるのに、が垂直方向に整列しないのはなぜspan
ですか?
注意
パディングなどを使用してチェックボックスを手動で整列できることはわかっています。しかし、テーブルセルと垂直方向の配置を使用したソリューションを探しています(これは機能するはずです)