首页 > 后端开发 > php教程 > php循环输出的时候怎么变化css来达到排版以及换行的效果

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

WBOY
发布: 2016-06-23 14:21:35
原创
952 人浏览过

比如我想实现这样的效果,从数据库里面取出若干条数据,每条数据放进一个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" / alt="php循环输出的时候怎么变化css来达到排版以及换行的效果" ></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

,祝你好运

float  浮动

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板