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

时间:2022-07-30 10:10:48
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