ruby-on-rails - 如何将 field_with_errors 类居中

Question

我最近安装了 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 中似乎非常固执。

Answer 1

如果你想让文本居中，那么 text-align: center 就可以了，但在这种情况下你希望将整个元素居中，因此应该使用 margin: auto auto 相反。

尽情享受吧!