ホームページ >バックエンド開発 >PHPチュートリアル >PHPループ出力時に植字と行折り返し効果を実現するためにCSSを変更する方法

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

WBOY
WBOYオリジナル
2016-06-23 14:21:35952ブラウズ

たとえば、この効果を実現したいのですが、データベースからいくつかのデータを取り出し、各データを 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 の場合、div16b28748ea4df4d9c2150843fecfba68 を終了し、新しい divdc6dce4a544fdca2df29d5ac0ea9906b を開始します、頑張ってください

float float

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。