0

クリックすると、jqueryが何かが選択されているかどうかを確認する送信ボタンがあります。そうでない場合は、エラーメッセージでshow（）を実行します。これがhtmlです：

<p id="error_message" style="display:inline">dfd</p><input type="submit" class="button" name="Submit" value="Submit" />

最初はメッセージが非表示になっていますが、ユーザーがオプションを選択せず​​に[送信]をクリックすると表示されます。問題は、テキストに表示すると送信ボタンがずれることです。メッセージなしの送信は次のようになります。 シフトされていません

メッセージが表示された後の様子は次のとおりです。 シフト

ご覧のとおり、送信ボタンが右に移動します。エラーメッセージと送信の両方を同じ行に表示したい場合はインラインで表示する必要がありますが、移動を防ぐにはどうすればよいですか？ありがとう

4

2 に答える 2

2

ボタンを設定するfloat:right;と、左のdivのコンテンツによって強制的に次の行にドロップされるまで、コンテナの右端にとどまります。

だからhtml：

<div class='container'>
    <p id='error_message' style='display:inline;float:left;' >dfd </p>
    <input type='submit' style='float:right;' name='submit'>
</div>
于 2012-09-21T21:20:30.250 に答える
0

ボタンの位置を絶対値に設定するか、エラーメッセージの幅を固定値に設定します

于 2012-09-21T21:19:45.743 に答える