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

你也可以使用flexbox

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