首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > PHP >

php循环输出的时候如何变化css来达到排版以及换行的效果

2013-09-12 
php循环输出的时候怎么变化css来达到排版以及换行的效果比如我想实现这样的效果,从数据库里面取出若干条数

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


现在是这样
php循环输出的时候如何变化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  浮动

热点排行