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; }

而且，它仍然在左侧。我注意到浮动：对；似乎将它向右移动，但我怎样才能将它与表格的其余部分放在中间？

field_with_errors 在 CSS 中似乎非常顽固。

Answer 1

如果您想使文本居中，则text-align: center可以，但在这种情况下，您希望将整个元素居中，因此应该使用margin: auto auto。

享受！

Answer 2

你也可以使用弹性盒子

.my class {
    display: flex;
    align-items: center;
    justify-content: center;