关于让input=text，checkbox居中的解决方法

1、type=“text”时

一般浏览器与IE6在高度上相差2px，并且内容会显示在左上方。
解决办法有两种：1.input框的高度不设置，但要设置padding值
              2.不设置padding值，设置input框的line-height和height值


2、type=“checkbox”时
可以参考以下的多种解决方法：http://www.zhangxinxu.com/wordpress/?p=56

  来自 张鑫旭-鑫空间-鑫生活 [http://www.zhangxinxu.com]

 

 注意：当type=“checkbox”时，

例子如下：

            <input  type="checkbox"/>
            <label style="font-size: 12px; ">全选</label>

后面label里是文字的时候，简单的方法就是给文字以及input都分别加上“vertical-align:middle;”便能解决居中的问题，

但是如果是label里是英文的时候，就需注意一下字体的设置了。经过测试，当把字体设置为Arial或Tahoma后，问题解决。

参考来源于：http://blog.sina.com.cn/s/blog_6e6cb5ed0100vxwl.html

 

转载于:https://www.cnblogs.com/caojiayan/p/5942864.html