3

都市国家のジッパーを同じ行に揃える方法幅を減らしましたが、それを修正する方法は機能しません

<div class="">
   <label class="" for="">City</label><input style="width: 54px;" type="text">
   <label class="" for="">State</label><input style="width: 54px;" type="text">
   <label class="" for="">Zip</label><input style="width: 54px;" type="text" >
</div>

http://jsfiddle.net/VXXPC/19/

4

1 に答える 1

7

あなたのラベルはdisplay: blockです。display: inline-blockフィールドと同じように使用します。

これは、ブラウザ開発ツールで実現するのに約10秒かかりました。最新のブラウザ（FFではFireBugのインストールが必要）で[F12]を押すと、バンドルされている開発者ツールが起動します。ここでは、問題のある要素を調べて、その要素に影響を与えるCSSを確認できます。

これが更新されたフィドルです。親divにクラスを適用しましたinline-fields。私が追加したCSSに：

.inline-fields label {
    display: inline-block;
}
于 2013-01-22T23:12:48.997 に答える