Question

帝国cms调用页面内容的图片，然后怎么排版才能变成这个样子（如图）

希望大牛能把代码敲出来，谢谢了。
这个是我的CSS的代码是这样的（
.img{ width:750px;}
.img ul{ border:#FF0033 solid 1px; width:148px; height:128px; float:left; margin: 20px 15px;}
）

这个是html页面代码｛这个只是调用其他页面内容的代码，还没排版的，要怎样才能排版成上面那图片一样
<div class="img">
<ul>
[e:loop={60,9999,0,1,'','newstime DESC'}]
<li><a href="<?=$bqsr['titleurl']?>" target="_blank" title="<?=$bqr['title']?>">
<img src="<?=$bqr['titlepic']?>" alt="<?=$bqr['title']?>" width="148" height="128"></a>
</li>
<li style="text-align:center"><a href="<?=$bqsr['titleurl']?>" target="_blank" title="<?=$bqr['title']?>"><?=$bqr['title']?></a></li>
[/e:loop]
</ul>
</div>
｝

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏10（财富值+成长值）

Answer 1

.img ul{ width:600px; }
.img ul li{ width:148px; height:128px; float:left; margin: 20px 15px;}