zoukankan      html  css  js  c++  java
  • 关于让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

  • 相关阅读:
    PHP
    PHP
    PHP
    PHP
    PHP
    MySQL
    PHP
    PHP
    PHP
    linux 用户及用户组管理
  • 原文地址:https://www.cnblogs.com/caojiayan/p/5942864.html
Copyright © 2011-2022 走看看