我正在尝试在布局上使用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/我也创造了一个小提琴