div 图片垂直居中问题

网上有一个例子其中hack IE代码有一个display:block
测试过程中他没有用处
1.图片高度问题 
图片的高度奇偶性会影响真正居中，上下相差1px.不过在实际应用中没啥影响。
当图片高度为偶数时 *font-size:175px
当图片高度为奇数时 *font-size:176px

	IE5.5	IE6.0	IE7.0	IE8.0 beta2	Firefox3.03
	√	√	√	√	√	√测试通过

<style type="text/css" media="screen"> .box { display: table-cell; /*for IE8、 Firefox */ vertical-align:middle; width:950px; height:200px; text-align:center; *font-size:175px; /*for ie sub IE8*/ border: 1px solid #eee; } .box img { vertical-align:middle; border:1px solid #f00; /* border for test height*/ } </style> <div class="box"><img src="http://www.neten.cn/styles/default/images/rss.png"></div>

[Last Modified By hoosin, at 2008-11-01 11:45:13]

转载于:https://www.cnblogs.com/Fernando/archive/2009/04/23/1441990.html