2009-12-14 78 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

相關問題