Heim >Backend-Entwicklung >PHP-Tutorial >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" / 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 浮动