1
我想中心对齐使用simple_form构建的表单中的所有表单元素,所以我创建了一个.simple_form并填充了某些东西,如float,text-align等,这是行不通的如何居中对齐simple_form中的表单元素
.simple_form {
float: none;
text-align : center;
margin-right: auto;
margin-left: auto;
position: auto;
}
/*
.simple_form label {
float: left;
width: 100px;
margin: 2px 10px;
}
.simple_form div.input {
margin-bottom: 10px;
margin: 2px 10px;
}
.simple_form div.boolean, .simple_form input[type='submit'] {
margin-left: 120px;
margin: 2px 10px;
}
.simple_form div.boolean label {
float: none;
margin: 0;
margin: 2px 10px;
}
*/
HTML
<h1>Submit page </h1>
<%= simple_form_for Post.new do |f| %>
<%= f.input :title %>
<%= f.input :blurb %>
<%= f.input :funding_goal %>
<%= f.input :funding_duration %>
<%= f.button :submit %>
<% end %>
使用
是,是越来越产生什么HTML? – 2014-08-28 08:36:16
你有没有工作的例子somwhere?或用你的代码http://jsfiddle.net? 'position:auto'也不是有效的CSS样式。您可能需要将样式应用到它的父容器以使其工作 – haxxxton 2014-08-28 08:37:10