日期:2014-05-17  浏览次数:20483 次

php循环输出的时候怎么变化css来达到排版以及换行的效果
比如我想实现这样的效果,从数据库里面取出若干条数据,每条数据放进一个div里面,每个div就是里面的一个格,一行四个,够四格自动排到下一行

循环的时候,碰到了css,不知道css该怎么处理?求思路


现在是这样


<!--{loop $item_list $key $value}-->
  <div class="wap">
    <div class="w_all">
      <div class="all_img"><a href="#" target="_blank"><img src="images/q1.jpg" /></a></div>
      <div class="all_name"><a href="#">$value['item_name']</a></div>
      <div class="all_bottom">
        <div class="bottom_left">1212票 </div>
        <div class="bottom_right"><input class="chbox" type="checkbox" value="投票"  name="checkbox" /><label> 投票</label></div>
        <div class="crl"></div>
      </div> 
    </div>
    <!--{/loop}-->

------解决方案--------------------
可以把页面宽度固定,各个元素块宽度固定,元素块设置为 float,用 css 确保每行刚好是 4 个即可。这样就直接循环输出各个元素块就好了
------解决方案--------------------
我都是这样解决的,你可以输出$key看看 通过判断key的值来决定换行,比如你想每行显示4个,当 if $key/4 == 0的时候结束div</div>并且开始新的div<div>,祝你好运
------解决方案--------------------
float  浮动