关于让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

 

posted @ 2016-10-09 16:44  caojiayan  阅读(610)  评论(0编辑  收藏  举报