1

最近Deviseをインストールしたところ、サインインフォームが正常に機能し、エラーなどが表示されました...

ただし、サインアップ フォームの動作は非常に奇妙です。つまり、エラーを表示すると、アプリの残りの部分とは対照的に、エラーが左側に表示されます。説明のためのスクリーン ショットを次に示します: http://i.imgur.com/1r4hQMM.png注: これはエラーがある場合にのみ発生し、それ以外の場合は中央に配置されます。

今、次のように field_with_errors CSS を編集してみました:

.field_with_errors {
  display: block;
  clear: both;
text-align: center; }

それでも、左側に残ります。float: right; に気付きました。右に移動しているように見えますが、フォームの残りの部分と一緒に中央に移動するにはどうすればよいですか?

field_with_errors は、CSS ではかなり頑固なようです。

4

2 に答える 2

1

テキストを中央揃えにtext-align: centerする場合は機能しますが、この場合は要素全体を中央揃えにするため、margin: auto auto代わりに使用する必要があります。

楽しみ！

于 2013-02-28T04:53:30.247 に答える