当达到有限数量的物品时,是否有办法横向增长ul li

时间:2012-12-13 09:41:26

标签: html css css3

无论如何都要在达到3个项目的时候横向增加一个列表。我知道如何知道列表的数量。但是当它在循环中生成时,我们该怎么做呢?

Item1    Item4    Item7
Item2    Item5    Item8
Item3    Item6

2 个答案:

答案 0 :(得分:0)

如果它是在循环中生成的,则创建一个每次添加项目时递增的计数器。 :)

然后在循环后使用它来做你想做的事:

if(counter%3==0)
   {
   counter = 0;
   //do cool stuff
   }

答案 1 :(得分:0)

<style>
ul.list{
padding:0;
margin:0;
width:100px;
}
ul.list li{
display:block;
background-color:#CCC;
padding:5px;
}
</style>

<?php
    for($ctr=1;$ctr<=10;$ctr++){
    $mod = $ctr%3;
    //echo $mod.'<br />';
    echo '<ul class="list">';
        echo '<li>Item '.$ctr.'</li>';
    echo '</ul>';
    if($mod==0){ echo '<br />'; }
   }
?>  

只需修改