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