php - 列表项在一行中正确显示，但在其他一些中不正确

Question

我遇到了一个非常奇怪和奇怪的问题，我不确定是什么原因造成的。只有看过之后才能理解。链接在这里：

（通过单击标题下的小图标选择网格视图）正如您所见，网格中的第一行正确显示了列表中的 5 个项目。但第二个网格只显示第 5 个元素，其他 4 个元素在第三行。所以基本上网格在某些页面上分解。

使这个问题更奇怪的是产品和 css 类是从数据库表中提取的，并且对于所有产品都是相同的。因此，如果第一行显示正确，其他人也应该拥有相同的 css。更糟糕的是，此问题仅出现在网格视图的某些页面中，而其他页面显示正常。这是一个wordpress网站。

抱歉，我什至不知道是什么导致了这个问题，我已经尝试过检查元素等。所以我不能发布任何代码。请看一下链接。

问候艾哈迈尔。

score 1 · Accepted Answer

问题是由于 float 属性以及您的某些元素具有不同高度的事实。由于您的元素具有设定的宽度并且已经在使用display:inline-block;您只需要删除浮动并将它们全部垂直对齐即可。

尝试将此添加到您的 CSS

.wpsc_default_product_list.grid .default_product_display {
    float: none;
    vertical-align: top;
}

1 回答 1