在input无边框的情况下，input的font-size 与 input的高度是否有关系？

Question

在input无边框的情况下，input的font-size 与 input的高度是否有关系？

发布于
2016-07-07

<!doctype html>
 <head>
  <meta charset="UTF-8">
 </head>
 <style>
 *{margin:0;border:0;padding:0;}
 .login_name{width:360px;height:60px;position:relative;}
 .login_name_1{width:100%;height:40px;position:absolute;bottom:0px;left:10%;text-align:center;border:1px solid green;line-height:40px;}
 .login_name input{width:90%;font-size:26px;border:1px solid green}
 </style>
 <body>

            <div class="login_name">
                <div class="login_name_1">
                    <input type="text">
                </div>
            </div>

    </div>    
 </body>
</html>

请问，在input无边框的情况下，input的font-size 与 input的高度是否有关系？上述代码证明了font-size 不等于 height。

我想让input在div中垂直居中，我试图用line-height来实现，但似乎没什么用，想用padding，7px就出界了。那么如何让input在div中垂直居中？要兼容IE6，最好是纯css。

谢谢

css html

阅读 4.2k

1 个回答

body添加text-align：center
input的包装div添加margin：0 auto

撰写回答