的div中轨不对齐正确

我想创建这些div网格：的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 %>

有什么想法为什么？谢谢。

BTW：

.category_company_name { 
    padding-top:7px; 
    padding-left:2px; 
    display:inline-block; 
}

======== 编辑：我将生成的HTML

来源

2011-04-10 mtay

你能发布生成的HTML吗？如果您使用Google Chrome（或者使用Firebug for FF），请右键单击您的页面并复制生成的HTML。我没有RoR，所以我不能帮忙... – Blender 2011-04-10 00:18:56

我不知道红宝石，所以我不知道我100％知道你生成的HTML看起来像什么，但我想问题是你没有指定vertical-align。

尝试增加：

.category_result { 
    vertical-align: top 
}

和/或：

.category_company_name { 
    vertical-align: top 
}

看到这些链接来了解为什么你需要vertical-align与display: inline-block：

来源

2011-04-10 00:22:58 thirtydot

工作！谢谢！！ – mtay 2011-04-10 00:24:54

的div中轨不对齐正确

回答

相关问题