Question

对齐form_for输入框的惯例是什么？下面的表格框交错，每个标题长度不同。

      <%= form_for @new_review, url: brand_beans_reviews_path(@bean.id) do |f| %> 
        User name: <%= f.text_field :user %>
        Drinking for: <%= f.text_field :experiance %>
        Brew type: <%= f.text_field :brew %>
        Caffeine: <%= f.text_field :caffeine %>
        Flavor: <%= f.text_field :flavor %>
        Overall: <%= f.text_field :rating %>
        <%= f.submit %>
      <% end %>

我尝试在我的字段标题上使用span并设置宽度，浏览器会说它的设置但不会渲染设置的宽度。

Answer 1

没有一个。显示表单的方式与Internet上的网站一样多，完全取决于您为自己的网站找出样式。 Rails在这里绝对没有约定。

选择像Bootstrap这样的前端框架或编写自己的CSS。

Answer 2

我找到了我正在寻找的答案，这更像是我遇到的CSS问题。我不确定如何处理标题字段，但下面的链接使用标签封装并将CSS解决。

Make text input fields and their labels line up correctly

用于对齐轨道的公约形成箱子

2 个答案: