我正在尝试在布局上使用vertical-align：中间,以便将文字垂直居中,有时是图片,但它只适用于文字.谁能告诉我为什么？
HTML：
<div>
<img src="http://jsfiddle.net/img/logo.png"/>
</div>
<div>
<span> text </span>
</div>
CSS：
div{
width:200px;
height:200px;
background-color:red;
display:table;
margin:10px;
}
img,span{
display:table-cell;
vertical-align:middle;
}
http://jsfiddle.net/9uD8M/我也创造了一个小提琴
解决方法
放置边框：您的img,span标签上有1px的纯黑色,然后检查浏览器中的两个元素.安慰.您会注意到,该范围默认为其父级的100％高度,而图像具有定义的高度(实际图像的高度).
所以你不是真的垂直对齐这些元素相对于div,你只是垂直对齐在span元素内的文本相对于span
