css - 使用显示 : table-cell 垂直对齐两个图像

Question

我想用 CSS 的 display: table-cell 垂直放置两个图像，但即使我指定了高度似乎也不起作用

<div style='display: table;height:500px'>
    <div style=' display: table-cell;vertical-align: middle;'>
        <img src='http://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Intel-logo.svg/200px-Intel-logo.svg.png' />
        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Intel-logo.svg/500px-Intel-logo.svg.png" />
    </div>
</div>

http://jsfiddle.net/33KYS/

Answer 1

你还需要给图像赋予 vertical-align 属性!

img{
    vertical-align:middle;
}

Demo