0

基本的に、ボタンを入力ボックスと同じ高さに配置する必要があるという問題があり、オンラインで読んだすべての情報は、私がしていることは正しいと言っているようですが、ボタンにパディングがないにもかかわらず、まだ配置されています本来よりも3px低くなります。

ここで見ることができます：http://jsfiddle.net/spadez/8Ej9U/embedded/result/

これはそのプロパティです:

#search_form .button {
    width:70px;
    line-height:0;
    font-size:0;
    text-indent:-999px;
    color: transparent;
    background: url(http://i.imgur.com/LCQSXXY.png) no-repeat #a6668e center;
    border: 1px solid #3079ED;
}

私の質問は、ボタンと入力フィールドの両方がパディングなしで 31 ピクセルの場合、なぜそれらが異なる高さにあるのか、これをどのように修正する必要があるのか​​ということです。

4

2 に答える 2

2

ライン上の位置が異なるだけです。入力に対して一貫したvertical-align(おそらくmiddle) を指定します。

于 2013-06-09T17:03:34.000 に答える
0

それを修正する1つの方法は、これを追加することです

input{
float:left;

}

そして、次のエメレントをクリアします

http://jsfiddle.net/8Ej9U/1/

于 2013-06-09T17:04:22.277 に答える