我在尝试将div中的输入垂直居中时遇到了一些问题。我用不同的位置,边距,对齐等尝试了这么多个小时......
有关代码的一些细节: 网站:http://goo.gl/bDjv8C 部分:联系(最后一个,在底部)
我尝试将输入"您的电子邮件"但是当您在页面上放大/缩小(或使用不同的设备,即智能手机)时,位置并不完全相同> _<
首先,我只有一个输入和一个" OK"右边的按钮,但两个都没有垂直居中(有时候" OK"有时候是向上,有时是向下......)。所以我试图制作一个黑色背景的div,并将它们放在里面,以隐藏两个输入之间的差距,但它变得更糟:s
有人有想法吗?
PS:这不是水平对齐问题,而是垂直问题。
答案 0 :(得分:4)
答案是css中的行高,检查这个小提琴http://jsfiddle.net/elviz/qvzk1eoj/1/
.sample{
height: 50px;
background-color: red;
line-height: 50px;
}