<div class="module cl ml">

<ul>

[loop]

<li style="margin: 10px; position:relative;width:145px;height:100px; ">

<a href="{url}"{target}><img src="{pic}" width="145px" height="100px" alt="{title}" /></a>

<div style="position:absolute; width:100%; margin: 0px ; height:30px;z-indent:2;right:0px;bottom:0px;">

  <div><img src="static/image/common/alpha40.png" width="100%" height="30"></div>

</div>

<p style="position:absolute;z-indent:2; left:50;bottom:10px;"><a href="{url}" title="{title}"{target}><font color="#FFFFFF">{title}</font></a></p>

</li>

[/loop]

</ul>

</div>

css 改成这样

/* 图片列表 */

.ml {}

.ml li { float: left; padding: 0 0px 0px; text-align: center; overflow: hidden; }

.ml img { display: block; margin: 0 auto; }