Html 内联块不在同一块中

我的页面上有3个div，即css:display:inline块

.utilitiesContent div
{
    display: inline-block;
    width:33%;
}

这里是（不要注意它有西里尔字母）。正如你所看到的，它就像楼梯，不完全在一条线上。我怎样才能使它具有相同的高度水平

.utilitiesContent div
{
    display: inline-block;
    width:33%;
    vertical-align: top;
}

您正在寻找

vertical align

属性，我使用了top，您可以四处玩，看看您最喜欢什么

---

我强烈建议使用

width:32%

33%

只是将其切得很近，在某些情况下可以跳到下一行

内联块默认情况下会根据字体大小在元素之间留出空间。如果将字体大小减为零，则可以删除间距

.utilitiesContent div
{
    display: inline-block;
    width:33.33%;
    font-size:0;
    vertical-align: top;
}

然后只需将字体大小设置为内联块元素内的元素

看我的小提琴：

.utilitiesContent div
{
显示：内联块；
宽度：32.5%；
}

第一组
第2组
第2组

这在IE9中是失败的，不知道是否还有人在乎