带显示的Div:inline-block;有奇怪的上边距

时间:2014-09-24 19:44:22

标签: html css

我创建了两个div,都是display: inline-block。只要两个div包含相同数量的文本,垂直对齐就可以了。但是,如果我向第一个div添加更多文本,第二个会获得一个奇怪的上边距。我添加的文字越多,第二个div的上边距就越高。

您可以在this JSFiddle中查看问题(您可能需要观看全屏结果才能看到我正在谈论的内容。

有人可以帮帮我吗?我查看了Stackoverflow,但我无法找到答案。非常感谢!

1 个答案:

答案 0 :(得分:1)

尝试将vertical-align: top;添加到<div class="box">