2

同じ行に、入力テキストとスパンがあります。
Firefoxでは、同じ高さはありません。
私には、スパンの高さが最も低いようです。
入力テキストとスパンを同じ高さにする最良の方法は何ですか?

<div class="form">
    <input type="text" required="required" class="data-item">
    <span class="add-on">Orders</span>
</div>​

デモ: http://jsfiddle.net/BeLDD/7

PS: 重複の可能性を書かないでくださいHow to make <span> the same height as <input type=“text”&gt;。真ん中に縦に並べる必要がないからです。

4

1 に答える 1

1

入力タグの全体の高さには、ボーダーとパディングが含まれます。残念ながら、これらのデフォルト値はブラウザによって異なります。

必要なサイズになるまで、CSS を使用してスパンと入力の両方でマージン、ボーダー、パディング (およびフォント サイズ) を明示的に設定します。入力には境界線があり、スパンには (おそらく) 境界線がないため、デザインに基づいてこれらの調整を個別に行う必要があります。

于 2012-11-08T16:58:16.583 に答える