使checkbox和他后面的文字在垂直方向上对齐

我们在制作网页时,难免使用表单,可能我们经常遇见一个问题:网页中的表单控件和控件后面的文字在垂直方向上不能对齐,这可能是设计表单时的一个缺陷,但是我们现在不去管这些,我们看看如何使用css来解决这个问题:

首相定义CSS样式:

.chkBox{

  _vertical-align:-1px;  /*针对IE6使用hack*/

  vertical-align:-2px;

}

在布局表单的时候:

<input type='checkbox' class='chkBox' name='...' />我的表单

这样在页面上呈现出来以后input表单复选框就和其后的文字“我的表单”在垂直方向上对齐了。

原文地址:https://www.cnblogs.com/yunfour/p/1882793.html