在Rails中设置form_for的表单宽度和高度

时间:2009-12-14 06:29:24

标签: ruby-on-rails ruby

使用form_for时,是否有任何方法可以指定表单的宽度和高度?

感谢。

1 个答案:

答案 0 :(得分:6)

最简洁的方法是为表单设置ID或类,并使用CSS设置表单的宽度和高度。在您看来:

<% form_for ..., :html => { :class => "myform" } do |f| %>
  ...
<% end %>

public/stylesheets/application.css

中设置表单的宽度和高度
form.myform {
    width: 75%;
    height: 500px;
    /* Or fill in whatever width and height values you need */
}

最后,请确保HTML布局中包含application.css样式表。您的app/views/layouts/application.html.erb应该包含这样一行:

<%= stylesheet_link_tag "application" %>

最后注意事项:注意为表单设置特定高度。如果表单的内容不符合指定的高度,您的表单可能看起来不像预期的那样。您可以通过在宽度和高度声明后立即在样式表中设置overflow: scroll来防止这种情况,但在大多数情况下,您可能最好让表单占据所需的高度。