2016-12-05 5 views
-4

何らかの理由でこのページのすべてのコントロールが並んでいると、送信ボタン(および最初の選択コントロール)が他のコントロールの上端他のコントロールにはラベルが付いていますが、サブミットは行われません。送信ボタンの垂直方向の配置方法がわかりません

また、コントロールが2つの行に分割されるようにページのサイズを変更すると、送信ボタンは他のコントロールではなく上部に揃えられます。

http://test.cdudigital.com/?q=test

これはなぜですか?

+1

[その他の質問](http://stackoverflow.com/questions/40981776/cannot-figure-out-how-this-button-is-vertically-aligned)を[mcve] - don '同じ質問を複数回投稿する – j08691

答えて

0

ボタンにvertical-alignプロパティが設定されていないため、ボタンを配置するための一貫した参照がありません。 vertical-alignプロパティを "top"に設定し、ボタンに1em(これは他の要素の上にあるラベルの推定サイズ)を指定すると、一貫してその位置が決まります。

<input name="test6" class="form-submit" id="edit-test6" style="vertical-align: top;margin-top:1em;" type="submit" value="Apply"> 
+0

これは、2行を超えるとボタンがまだベースラインに設定されていても、突然上に揃えられます... ...? – lombrozo

+0

うわー、あなたは正しいです。それはまだ奇妙ですが、私は解決する方法を見ています。私は私の答えを変更します。 – Miniversal

0

適用ボタンには、vertical-align: topプロパティがありません。

関連する問題