checkbox与radio无法与文字对其（无法垂直居中）

当字体的大小不是浏览器的固定值时，多选框（单选框）会出现与水平的文字在垂直高度上布局中，（以12px为例）像：

p {
    font-size: 12px;
}

<div><input type="checkbox" />你好啊</div>

这样会造成多选框上浮到文字左上角。

解决方法：

input {
    vertical-align: -3px;
}

此方法为通用的方法。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!