1

フローティング ラベルをフローティング入力フィールドに揃えようとしています。もちろん、私は周りを検索してきましたが、利用可能な答えがありませんでした。

ここで見つけてください：jsfiddle

この問題は、ボディタグに設定しているフォントサイズに関連しています。削除すると、ラベルと入力が垂直方向に整列されていることがわかります。

これを修正するにはどうすればよいですか (本文の font-size スタイルを削除せずに、アプリケーション全体がこれに依存しています)。

4

2 に答える 2

1

フィールドのリストがあるので、すべてのペアをlabel + fielda 内にラップlist-itemし、基本的なクリアリングを<li>要素に適用します

#addagentform li {
   height: auto; overflow: hidden;
}

あなたは効果を達成します。フィドルを参照してください: http://jsfiddle.net/AGV6G/6/

于 2012-04-23T09:49:01.227 に答える
0

トリッキーでエラーが発生しやすいフローティングの代わりに、シンプルで論理的なテーブルを使用して、1 つの列にラベルを付け、対応する入力項目を別の列に配置するだけで、すぐに作業を完了できます。これにより、ラベルが入力項目から非常に遠くなるという問題も修正されます。

<form ...>
<table>
  <tr><td><label for="firstname">*Förnamn:</label> 
      <td><input type="text" name="firstname" id="firstname">
  <tr>...
</table>
</form>
于 2012-04-23T10:21:20.110 に答える