li中的图片垂直居中？(FF正常显示，IE不行！)

缘分天空 · 发表于 2009-5-16 02:33:53

li中的图片垂直居中？(FF正常显示，IE不行！)
我设置了li的line-height属性，但在IE中显示仍然是顶部对齐。是我的样式定义有问题么？请教达人！谢谢。

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
 <meta http-equiv="content-type" content="text/html;charset=utf-8" /> 
 <meta name="generator" content="Adobe GoLive" /> 
 <title>页面</title> 
 <style> 
 .campaign-list{ 

 list-style-type: none; 
 margin:0px; 
 padding:0px; 
 } 
 
 .campaign-list li{ 
 width:90px; 
 height:90px; 
 margin-left:10px; 
 line-height:90px; 
 float:left; 
 border:1px solid #000000; 
 text-align: center; 
 } 
 
 
 .clear{ 
 clear:both; 
 height:10px; 
 } 
 </style> 
 </head> 
 
 <body> 
 <table class="campaign"> 
 <tr> 
 <td class="campaign-td"> 
 <img border="0" src="images/19.bmp" height="160" width="160" ></a> 
 </td> 
 <td valign="middle"> 
 <ul class="campaign-list"> 
 <li><img border="0" src="images/text1.gif" ></li> 
 <li><img border="0" src="images/text2.gif" ></li> 
 <li><img border="0" src="images/text3.gif" ></li> 
 </ul> 
 <div class="clear"></div> 
 <ul class="campaign-list"> 
 <li><img align="absmiddle" border="0" src="../My Documents/My Pictures/44.gif" height="50" width="50" ></li> 
 <li><img align="absmiddle" border="0" src="../My Documents/My Pictures/21.gif" height="50" width="50" ></li> 
 <li><img align="absmiddle" border="0" src="../My Documents/My Pictures/37.gif" height="50" width="50"></li> 
 </ul> 
 </td> 
 </tr> 
 </table> 
 </body> 
 
</html> 
 

提示：您可以先修改部分代码再运行

wds · 发表于 2010-2-28 18:05:05

不错不错.,..我喜欢

		自动登录	找回密码
密码			注册