10

テキスト領域の下に余分なパディングがありますが、そのソースが見つからないようです。このページに個別のコードを掲載しました。

http://jsfiddle.net/wfuks/

私はそれのソースを見つけることができないようです。クラス「フィールド」があります：

.field { background-color: white; width: 430px; padding: 10px; font-family:arial, sans-serif; border: 1px solid #CCC; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

任意の入力 (しゃれ) をいただければ幸いです :)

4

3 に答える 3

22

クロスブラウザでtextarea/inputフィールドの下に空白を入れないようにするには、次を使用します。

textarea,
input,
select {
  margin: 0;
  vertical-align: bottom;
}

（あなたのフィドルでテストされ、動作します）

奇妙なことに、ここでは垂直方向の整列が重要です。

ただ注意してください、あなたはすでに持っているので、margin：0は必要ありません*{margin:0}。textareaのさらに完全なクロスブラウザエクスペリエンスのためoverflow:auto;に、IEおよびresize:none;サイズ変更をサポートするブラウザにも使用できます。

なぜそれが機能するように機能するのかについてのいくつかの詳細： 画像タグの下の謎の空白

于 2012-10-31T10:16:05.400 に答える
1

に追加overflow:autoする.field_box_float:righttextarea

デモ

あなたのコードではfloat:left、ラベルを付ける必要があります。その場合、適切な要素には、利用可能な正確なスペースを埋めるために適切なフローティングが必要です。それ以外の場合は、フロートを削除して、 と を使用してこれを実現できますdisplay:table-row。table-cell

はい、vertical-align: bottom動作します。

デモ 2

于 2012-10-31T10:13:18.780 に答える
0

私の理解では、あなたはのパディングを意味しますdiv class= 'field_box'。このクラスでパディングを行って0px、テキスト領域の下のスペースを削除します。

テキスト領域のパディングを意味する場合：クラスでpadding=0pxを作成します.field

于 2012-10-31T10:17:29.747 に答える