-1

私はそのような問題を抱えています。

提出とフィールドを常にインラインにしたい

しかし、エラーが発生した場合は、次のようになります。

エラーが表示されたときのフォームのhtmlコードは次のとおりです。

 <form accept-charset="UTF-8" action="/wibiya_users/1" class="edit_user"></div>
  <div class="field">
   <div class="field_with_errors"><input id="user_email" name="user[email]" size="30" type="text" value="email@mail.com1"></div>
  </div>
 <ul>
   <li>Email is invalid</li>
</ul>

 <div class="submit">
  <a href="#" onclick="$(this).closest('form').submit(); return false;">Edit</a>
 </div>

</form>

そしてこのCSS：

  .field{
  display:inline;
  }
   .submit{
  display:inline;
  }

追加しようとしました：

    .field_with_errors{
   margin:0;
    diplay:inline;
  }

しかし、助けにはならなかった。

誰かが解決策を提案できますか？

4

2 に答える 2

1

エラー メッセージの上に [編集] ボタンを配置し、 に適用float:left;し.fieldます。そして、それはうまくいきます。

フィドル

于 2012-09-06T15:23:23.830 に答える
0

エラーメッセージは入力と送信の間にあります...したがって、そこにない場合はすべて問題ありませんが、ある場合は、その後の要素（この場合は送信ボタン）を押し下げます。

于 2012-09-06T15:27:12.957 に答える