0

ここで: URLの最初のフィールドの高さは 40 ピクセルですが、他のすべてのフィールドは 30 ピクセルです。それがどのように可能かわかりません。

私は…したい：

  • 問題を修正して理解する
  • すべてのフィールドを「垂直方向に揃える」ようにします (ラベルは垂直方向の中央揃えではありません)。

どんな助けでも大歓迎です！

4

2 に答える 2

0

ブートストラップからの次のcssは、入力の下に10pxのマージンを追加します。

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
}

私はものを削除しましたが、20pxの高さと8pxの垂直パディング、2pxの境界線、および10pxの余白の下部は、これが全体の高さの合計で40pxになることを意味します。

このスタイルをオーバーライドしますがmargin: 0、この特定の要素を追加します。

于 2013-02-18T22:24:31.557 に答える
0

2 番目の質問への回答として、ラベルline-heightにその隣の入力と同じ値を付けます。あなたも試すことができます：

position: relative;
top: 50%;
bottom: 50%;
line-height: 0;

より一般的なスタイルに。.labelsそれぞれを個別にスタイリングするのではなく、または何かに適用するだけです。

于 2013-02-18T22:17:14.810 に答える