img图片 如何垂直居中 兼容各个浏览器方法

问：img图片 如何垂直居中 兼容各个浏览器方法？

元素模板网为您解答

首先css部分如下:

#picbox{width:400px; height:300px; text-align:center; line-height:300px; border:solid 3px red;}

#picbox span{display:inline-block;}

#picbox img{vertical-align:middle;}

然后是DIV代码如下：

<div id="picbox">

  <span>&nbsp;</span><img src="http://imgsrc.baidu.com/forum/pic/item/3cb753af54ac0fc7faed50f1.jpg" />

</div>