使checkbox和他后面的文字在垂直方向上对齐
我们在制作网页时,难免使用表单,可能我们经常遇见一个问题:网页中的表单控件和控件后面的文字在垂直方向上不能对齐,这可能是设计表单时的一个缺陷,但是我们现在不去管这些,我们看看如何使用css来解决这个问题:
首相定义CSS样式:
.chkBox{
_vertical-align:-1px; /*针对IE6使用hack*/
vertical-align:-2px;
}
在布局表单的时候:
<input type='checkbox' class='chkBox' name='...' />我的表单
这样在页面上呈现出来以后input表单复选框就和其后的文字“我的表单”在垂直方向上对齐了。