2009-12-14 80 views

回答

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 */ 
} 

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

<%= stylesheet_link_tag "application" %> 

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

+0

我是网络编程的新手,所以对css知之甚少。我应该在哪里放置CSS?我会很高兴,如果你能够提供给我一个完整的解决方案,以便我可以按照一步一步。谢谢:) – pierrotlefou 2009-12-14 06:43:22

+0

好吧,我已经更新了我的答案与一些额外的细节。希望这可以帮助! – 2009-12-14 08:09:47

+0

+1。我同意。尽管可以设置宽度和高度属性,甚至可以使用助手来设置内联样式,但最好将您的表示层(CSS)与结构化(HTML)分开。 – 2009-12-14 10:06:30

相关问题