html - 使用内联块将垂直对齐应用于两个 div

Question

所以我有一些DIV。结构是这样的

    <div id="content">
        <div id="lcol">some content</div>
        <div id="lcol">some<br />content</div>
    </div>

我的问题是两个 div 的高度不同。我正在使用display:inline-block“lcol”，而“内容”只是一个普通的 div。两个 lcol div 确实并排显示，但它们锚定在 div 的底部。我希望它们与 div 的顶部对齐。我尝试添加vertical-align:top到“内容”，但什么也没发生。

有任何想法吗？

JsFiddle：http: //jsfiddle.net/qxe8h/1/

Answer 1

给你的内联块元素vertical-align:top 。像这样写：

#lcol {vertical-align:top;}

检查这个http://jsfiddle.net/qxe8h/2/