下面的按钮与输入不对齐。输入必须与按钮处于同一高度,尽管输入的填充似乎对对齐有影响!padding-top 和 padding-bottom 之间的差异造成了按钮的这种移位。
我做了一个小提琴: http: //jsfiddle.net/3RMhm/10/来说明我的意思。
CSS:
.button {
font-size: 15px;
padding: 9px 23px;
border:0;
}
.form {
width: 290px;
background-color: #F9F9F9;
font-size: 18px;
color: #333;
height: 25px;
border:1px solid darkgray;
padding-top: 15px; <--- This padding
padding-bottom: 0px; <--- And this padding
}
HTML:
<input name="name" class="form" />
<input class="button" type="submit">