有时checkbox与文字会出现不能对齐的问题,如下所示:
解决的办法网上有蛮多方案,再此我给出的法案如下:
①css代码:
input[type='checkbox']{
width:24px;
height:24px;
vertical-align:middle;
}
②body代码
<label>
<input type="checkbox" name="isRember" value="rember">
十天免登录
</label>
修改后如下:
注:用label把文字和checkbox包含在一起,并在checkbox的css代码中写明
vertical-align:middle;