如何在页面上居中 form_for 表单？ Rails 应用程序答案

【问题标题】：How do I center a form_for form on a page? Rails app如何在页面上居中 form_for 表单？ Rails 应用程序
【发布时间】：2020-12-21 06:22:35
【问题描述】：

这是我的表单代码：

<%= form_for @user do |f| %>
<%=f.label :username %>
<%=f.text_field :username %><br>
<%= f.label :email %>
<%= f.text_field :email %><br>
<%= f.label :password%>
<%= f.password_field :password %><br>
<%= f.submit %>
<%end%>

我设法将除了表格之外的所有内容都居中！

【问题讨论】：

当你在 html 中将其他所有内容居中时，form_for 并没有包含任何特殊的东西来居中，它只是在最后吐出一个 HTML form 元素。 freecodecamp.org/news/…
我认为@Eyeslandic 在这里得到的是，您将使用与任何其他 HTML 元素完全相同的技术。添加内联样式或添加针对表单的 CSS 规则。

标签： html css ruby-on-rails

【解决方案1】：

您需要使用样式使表单居中。例如：

<div class='center-form'>
  <%= form_for(@user) do |f| %>
  ...
</div>

然后，在您的样式表中，添加带有所需居中规则的 .center-form。或者您可以通过 Bootstrap 不使用样式来执行此操作。使用“偏移”规则（如 offset-md-2），您可以将 div 推到中心。但请参考 Bootstrap 文档进行原型制作并理解。

【讨论】：