checkbox与radio无法与文字对其(无法垂直居中)

2016年07月18日Web前端

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

以12px为例)像:

p {
  font-size: 12px;
}
<div><input type="checkbox" />你好啊</div>

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

input {
  vertical-align: -3px;
}

此方法为通用的方法。

目录