PHPループ出力時に植字と行折り返し効果を実現するためにCSSを変更する方法

たとえば、この効果を実現したいのですが、データベースからいくつかのデータを取り出し、各データを div に入れます。グリッドが 4 つあれば、それぞれの div が 4 つ並んでいます。自動的に次の行に配置されます

ループ 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}-->

ディスカッションに返信（解決策）

ページの幅を固定することができ、各要素ブロックの幅は固定され、要素ブロックはフロートに設定され、 CSS を使用して、各行が正確に 4、つまり Can であることを確認します。このように、各要素ブロックをループして出力するだけです

例えば、4つの要素を表示したい場合、$keyを出力して見ることができます。 1 行ごとに if $key/ 4 == 0 の場合、div

を終了し、新しい div

を開始します、頑張ってください

float float