不同级别的内联块div

Question

我有一个问题，我有两个div，它们都有"display: inline-block"。虽然，这些显示在不同的height。我有一种感觉，我已经解决了这个问题，但我不记得如何。请帮忙。

Answer 1

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

Answer 2

如果当前行的空间不适合其余元素 - 在本例中为红色div，则带有内嵌块集的元素将换行到浏览器窗口的下一行。我还从“测试产品”div中看到额外的左侧间距/填充。我认为如果你删除了间距/填充，这两个div将在同一行对齐。如果你可以发布你的HTML代码，这将是有帮助的。