0
A
回答
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
在寬度和高度聲明之後來防止這種情況,但在大多數情況下,最好讓表單佔據它所需的高度。
相關問題
- 1. 在ASP.Net中設置窗體的高度
- 2. JApplet根據javascript中的窗口寬度和高度設置HTML中的寬度和高度
- 3. 設置視頻的寬度和高度
- 4. 設置UIWebView的寬度和高度
- 5. 設置場景的寬度和高度
- 6. tableGrob:設置grid.table的高度和寬度
- 7. 設置高度和寬度的邊距
- 8. 設置高度與寬度
- 9. 試圖窗口的寬度和高度設置爲自動
- 10. 我如何設置瀏覽彈窗的寬度和高度?
- 11. 將高度和寬度設置爲img
- 12. UIPopoverPresentationController寬度和高度沒有設置
- 13. 處理寬度,並通過CSS圖像和媒體中/高度(設置寬度的高度= 200%)
- 14. MS Access中的窗體高度和寬度
- 15. VBA中的窗體寬度和高度單位是什麼?
- 16. 如何爲瀏覽器窗口寬度和高度設置寬度和高度變量?
- 17. 如何在AS3中設置我的swf的寬度和高度?
- 18. 窗口邊框的寬度和高度
- 19. 如何在電子中設置當前窗口的寬度和高度
- 20. 在Gtk中,我如何動態設置窗口的高度和寬度?
- 21. 在Android中,如何設置ListView項目的高度和寬度?
- 22. 如何在java代碼中設置Mapview的寬度和高度?
- 23. 如何在HTML表格中設置Tbody的寬度和高度
- 24. 設置jwplayer在ipad中的高度和寬度
- 25. 在Flex中設置模塊寬度和高度的問題
- 26. 在Swift中爲「CropRect」設置固定的寬度和高度
- 27. 在.cs中設置數據網格的高度和寬度
- 28. 在跨域環境中設置IFRAME的高度和寬度?
- 29. 如何在fabricjs中設置svg的寬度和高度?
- 30. 如何在Jcrop中設置自定義高度和寬度後獲取圖像的原始高度和寬度
我是網絡編程的新手,所以對css知之甚少。我應該在哪裏放置CSS?我會很高興,如果你能夠提供給我一個完整的解決方案,以便我可以按照一步一步。謝謝:) – pierrotlefou 2009-12-14 06:43:22
好吧,我已經更新了我的答案與一些額外的細節。希望這可以幫助! – 2009-12-14 08:09:47
+1。我同意。儘管可以設置寬度和高度屬性,甚至可以使用助手來設置內聯樣式,但最好將您的表示層(CSS)與結構化(HTML)分開。 – 2009-12-14 10:06:30