将DIV标签中的UL图像居中

Question

我解决了CSS问题。我有一个情况如下

<div> 
<ul> 
<li> <img src="a.jpg" ></li> 
<li> <img src="a.jpg" ></li> 
<li> <img src="a.jpg" ></li> 
<li> <img src="a.jpg" ></li> 
</ul> 
</div> 

我想中心我所有的UL标记，但图像必须要左对齐。

当我使用text-align：center时，我将图像作为中心。但是，ul中的最后图像显示在我不想显示的中心。

任何人都可以帮助我吗？ 在此先感谢。

Answer 1

这样写：

div{text-align:center} 
ul{ 
display:inline-block; 
*display:inline;/* for IE7 */ 
*zoom:1; 
text-align:left; 
} 

Answer 2

尝试这样的事情

HTML

<div id="menu"> 
    <ul> 
    <li><span></span><a href="">Add Some Text</a></li> 
    <li><span></span><a href="">Add Some Text</a></li> 
    <li><span></span><a href="">Add Some Text</a></li> 
    <li><span></span><a href="">Add Some Text</a></li> 
    <li><span></span><a href="">Add Some Text</a></li> 
    </ul> 
</div> 

CSS

#menu li { 
clear: left; 
} 

#menu li a { 
padding: 5px 0 0 40px; 
display:block; 
} 

#menu li span { 
float: left; 
display: block; 
height: 32px; 
width:32px; 
background: url(images/icon.png) no-repeat; 
} 

使用span标签则有调用图标图像控制 在你的文本和图标图像通过你的CSS是要走的路。当然，你可以删除文本

这里的例子http://jsfiddle.net/DUjfd/