内联块div在不同的级别上

Question

我遇到一个问题，我有两个div都有"display: inline-block"。但是，这些显示在不同的height上。我有一种感觉，我之前已经解决了这个问题，但我不记得是怎么回事。请帮忙。

Answer 1

使用verticle-align属性使它们对齐。您可以根据自己的要求使用顶部，中部和底部。

Answer 2

如果当前行的空间不适合其余元素，则使用内联块设置的元素将换行到浏览器窗口的下一行 - 在本例中为红色div。我还看到'Test Product'div中额外的左间距/填充。我认为如果你删除间距/填充，两个div将在同一行对齐。如果您可以发布您的HTML代码会很有帮助。