HTML中的checkbox和label默认是上下对不齐的,下面给出一个方便快捷的解决办法:
将checkbox和label的样式都设置vertical-align:middle就行了,也可以用样式控制哦
?
<input id=chk type=checkbox style="vertical-align:middle;"/> <label for=chk style="vertical-align:middle;">测试一下复选框对齐</label>
?
也可以用样式控制哦
<style type="text/css"> span.item input{vertical-align:middle;} span.item label{vertical-align:middle;margin-left:3px;} </style> <span class=item> <input id=chk type=checkbox style="vertical-align:middle;"/> <label for=chk style="vertical-align:middle;">测试一下复选框对齐</label> </span>
?