我想创建这些 div 的网格:
.category_result {
width:178px;
margin-left:10px;
margin-right:10px;
height:180px;
font-size:13px;
display:inline-block;
}
但是当我向其中插入以下行时,它们不再水平对齐:
<% @nonempty_category_companies[index].each do |cmp|%>
<div class="category_company_name">
<%= link_to company.company_name, :controller=>"companies", :action=>"show", :company_name =>"#{cmp.company_name}" %>
</div>
<% end %>
知道为什么吗?谢谢。
顺便说一句:
.category_company_name {
padding-top:7px;
padding-left:2px;
display:inline-block;
}
======== 编辑:我正在插入生成的 html
最佳答案
我不懂 Ruby,所以我不能 100% 确定我知道您生成的 HTML 是什么样子,但我想问题是您没有指定 vertical-align
。
尝试添加:
.category_result {
vertical-align: top
}
和/或:
.category_company_name {
vertical-align: top
}
查看这些链接以了解为什么需要 vertical-align
和 display: inline-block
:
关于html - rails 中的 div 未正确对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5608856/