CSS:如何将输入集中在div中

时间:2015-06-24 05:30:57

标签: html css input vertical-alignment

我在尝试将div中的输入垂直居中时遇到了一些问题。我用不同的位置,边距,对齐等尝试了这么多个小时......

有关代码的一些细节: 网站:http://goo.gl/bDjv8C 部分:联系(最后一个,在底部)

我尝试将输入"您的电子邮件"但是当您在页面上放大/缩小(或使用不同的设备,即智能手机)时,位置并不完全相同> _<

首先,我只有一个输入和一个" OK"右边的按钮,但两个都没有垂直居中(有时候" OK"有时候是向上,有时是向下......)。所以我试图制作一个黑色背景的div,并将它们放在里面,以隐藏两个输入之间的差距,但它变得更糟:s

有人有想法吗?

PS:这不是水平对齐问题,而是垂直问题。

1 个答案:

答案 0 :(得分:4)

答案是css中的行高,检查这个小提琴http://jsfiddle.net/elviz/qvzk1eoj/1/

       .sample{
            height: 50px; 
            background-color: red;
           line-height: 50px;
            }