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

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

WBOY
リリース: 2016-06-13 12:38:06
オリジナル
1095 人が閲覧しました

PHP ループの出力時に植字と行の折り返しの効果を実現するために CSS を変更する方法
たとえば、この効果を実現したいのですが、データベースからいくつかのデータを取り出し、各データを div に入れます、各 div はそれらのうちの 1 つであり、行に 4 つあり、次の行に自動的に移動するのに十分です

ループ中に css に遭遇しましたが、css に対処する方法がわかりません。アイデア募集中


これで終わりです

<br />
<!--{loop $item_list $key $value}--><br />
  <div class="wap"><br />
    <div class="w_all"><br />
      <div class="all_img"><a href="#" target="_blank"><img src="images/q1.jpg" /></a></div><br />
      <div class="all_name"><a href="#">$value['item_name']</a></div><br />
      <div class="all_bottom"><br />
        <div class="bottom_left">1212票 </div><br />
        <div class="bottom_right"><input class="chbox" type="checkbox" value="投票"  name="checkbox" /><label> 投票</label></div><br />
        <div class="crl"></div><br />
      </div> <br />
    </div><br />
    <!--{/loop}--><br />
ログイン後にコピー

を終了します。 4 == 0. そして、新しい div
を開始します。頑張ってください
------解決策 ---------
フロートフロート
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート