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

2016年07月18日Web前端0

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

以12px为例）像：

p {
  font-size: 12px;
}

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

这样会造成多选框上浮到文字左上角。解决方法：

input {
  vertical-align: -3px;
}

此方法为通用的方法。