html - 如何使用CSS制作垂直对齐的中间

Question

我想要一个垂直对齐的中间div

文字和图片没有对齐

html

<div id="wrapper">
<span>    text </span><img src="read-mor-but.png" />
</div>

CSS:

#wrapper {
    background: blue;
    height: 100px;
    text-align: center;
    display:table-cell;
    vertical-align:middle;
}

Answer 1

你还需要在img标签中添加vertical-align:middle

#wrapper img{
    vertical-align:middle;
}

Fiddle Demo