导轨中的 div 未正确对齐答案

【问题标题】：divs in rails not aligning properly导轨中的 div 未正确对齐
【发布时间】：2011-04-10 00:16:31
【问题描述】：

我想创建这些 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

【问题讨论】：

你能发布生成的 HTML 吗？如果您正在运行 Google Chrome（或有 Firebug for FF），请右键单击您的页面并复制生成的 HTML。我没有 RoR，所以我帮不上什么忙……

标签： html ruby-on-rails css

【解决方案1】：

我不了解 Ruby，所以我不能 100% 确定我知道您生成的 HTML 是什么样的，但我想问题是您没有指定 vertical-align。

尝试添加：

.category_result {
    vertical-align: top
}

和/或：

.category_company_name {
    vertical-align: top
}

查看这些链接以了解为什么需要 vertical-align 和 display: inline-block：

【讨论】：