コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > バックエンド開発 > PHPチュートリアル > このようなリストはどのようにループ表示されるのでしょうか?

このようなリストはどのようにループ表示されるのでしょうか?

WBOY
リリース： 2016-06-13 13:17:33
オリジナル
1077 人が閲覧しました

このようなリスト表示ループはどのように行われるのでしょうか?
画像アップロード機能がないのはなぜですか?

このような不規則な画像ループを記述するにはどうすればよいですか?



-----解決策---------------------------- ----

PHP コード

<!doctype html>
<html>
<meta charset="utf-8">

.main_wrapper{幅:900px;最小高さ:200px;マージン:10px 自動;オーバーフロー:非表示;}
.two_pictures{幅:200px;float:left;margin-bottom:10px;padding:5px;margin:6px;}
.main_wrapper,.two_pictures,img{border:1px ソリッド #ABC;}
.pic_1{高さ:150ピクセル;幅:200ピクセル;}
.pic_2{高さ:100ピクセル;幅:200ピクセル;}
<!-- 好みに合わせてスタイルを変更します-->
</スタイル>

<div class="main_wrapper">
<?php
for($i=0;$i<8;++$i){
if(($i)%2==0){
$style1="pic_2";
$style2="pic_1";
}それ以外{
$style1="pic_1";
$style2="pic_2";
}
$picArr = 配列(
"http://www.iimei.com/1/xunhuan.jpg",
「http://www.iimei.com/1/xunhuan.jpg」
);//画像を動的に変更し、自分で調整します
エコー」
    <div class="two_pictures">
    <img src="'.$picArr[0].'" class="'.$style1.'"/>
    <span>これはテストです</span>
    <img src="'.$picArr[1].'" class="'.$style2.'"/>
    <span>これはテストです</span>
    </div>
';
}
?>
    
</div>
</ボディ>
</html> <div class="clear"></div>
ログイン後にコピー
関連ラベル：
gt lt px quot style
ソース：php.cn
前の記事：PHPで戻り値とクエリを含むmysqlストアドプロシージャを取得する方法 次の記事：<> 記号の意味を知っている人はいますか?
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1429
PX から REM への自動変換エラー <style>html { font-size: calc(100vw / 3.75); }body { font-size: 0.16rem; }</style...
から 2024-04-16 09:34:16
0
0
4687
ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
Reactのsortメソッドでレンダリング(フィルターとページネーションを使用)をトリガーするにはどうすればよいですか? これが私の Sort.js スタイル コンポーネントです: <SortWrapper><SortText>SortBy</SortText>&l...
から 2024-04-06 21:28:37
0
1
2257
Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
から 2024-04-06 20:57:16
0
1
487
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート