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

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

WBOY
WBOYOriginal
2016-06-23 14:21:35930Durchsuche

比如我想实现这样的效果,从数据库里面取出若干条数据,每条数据放进一个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  浮动

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:转码的问题Nächster Artikel:E+14 超大整数的mysql存储问题