Question

小白问题 ：CSS 里如何让一列数据分两列显示

如图，下面延伸到外面去了，如何让它在右边另起一行
footer.php里友情链接这块的代码：
<div class="foot_pro" style="float:right; margin-right:0;">
<div class="fpt">友情连接 <span>link</span> </div>
<div class="fptkn_list">
<ul>
<?php foreach($db->select('info',array('type'=>'ads','ischeck'=>1,'tid'=>5),'oby desc,id desc','*',8) as $r){?>
<li><a href="<?php echo $r['url']?>" target="_blank"><?php echo $r['title']?></a></li>
<?php }?>
</ul>
</div>
</div>
</div>

CSS里控制这段的：
fptkn_list{
float:left;
width:100%;
margin-top:10px;

}
.fptkn_list ul li{
float:left;
width:97%;
padding-left:3%;
height:24px;
line-height:24px;
background:url(../images/li.jpg) left center no-repeat;
}
具体情况可以看下我的站 ：www.baitesi.com

Answer 1

.fptkn_list ul li{
float:left;
width:97%;
这个97%改成 45%试试呢，可能是因为友情链接的字比较成 变成两列放不下，所以就挤到下面去了

追问

改了之后前面都变了，产品知识那字有重叠，关于我们怎么也分成两列了，我想要前面的都不要变，就变友情链接那一块

追答

那是因为他们三个用的都是一个类应该是，你把友情链接那个模块的名称修改一下，然后单独写个CSS给他。

追问

改了之后底下版权信息那块又跑偏了，哎，算了，不整了，还是谢谢你