使内联块对齐到顶部而不是底部

Question

我觉得最好通过以下图片来解释这个问题。

原图：

需要变成这样：

我认为影响这两个容器对象（工作结果和结果查看器）的唯一代码是以下 CSS 代码片段。

.ItemCollection {
    display: inline-block;
    width: 45%;
}

这是一个非常简单的css更改，还是需要加入更深入的编码才能实现这一点？

- Volearix

---

你能创建一个fiddle吗？或者提供一个网站链接？ - Alex Char

@Alek 让我看看。请给我一分钟！ - Volearix

"vertical-align: top"不起作用吗？ - Ilya Streltsyn

@IlyaStreltsyn 美妙！这是我在这里得到的最简单的答案！给出一个实际的答案，它就是你的了！:D - Volearix

可能是Div boxes not aligning properly using inline-block的重复问题。 - JDB

我使用了你的帖子标题进行了谷歌搜索。第一个搜索结果回答了你的问题。下次有问题时，请先进行一些基本的研究。请参阅提问的智慧。 - JDB

Answer 1

你需要在两个div中都添加vertical-align:top。

.ItemCollection {
    display: inline-block;
    width: 45%;
    vertical-align: top;
}

- benaich