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

标签 ruby-on-rails ruby-on-rails-3 forms css devise

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

最佳答案

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

尽情享受吧!

关于ruby-on-rails - 如何将 field_with_errors 类居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15127204/

相关文章:

ruby-on-rails - "Complex"rails 中的分组和索引?

html - 标签显示在复选框下方,两者都应居中对齐

django - 如何让 Django View 返回表单错误

ruby-on-rails - 如何将多个模型类放在一个模块中以在 Rails 中使用

javascript - 从 sinatra 应用程序向 Rails 应用程序发出发布请求

ruby-on-rails - 如何检查局部变量是否定义了局部变量?

ruby-on-rails - 使用GPS参数处理滑轨路线

ruby-on-rails-3 - 使用 will_paginate 和 ajax 进行双分页

ruby-on-rails - Rails for ActionMailer - 如何禁用某个邮件程序的布局

javascript - Meteor App在表单中获取textarea的值