このようなリストはどのようにループ表示されるのでしょうか?-PHPチュートリアル-php.cn

ホームページ

バックエンド開発

PHPチュートリアル

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 13, 2016 pm 01:17 PM

gt lt px quot style

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

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

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

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>

ログイン後にコピー

このウェブサイトの声明

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

ホットAIツール

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7338

Java チュートリアル

1627

CakePHP チュートリアル

1352

Laravel チュートリアル

1265

PHP チュートリアル

1210

Related knowledge

Huawei GT3 ProとGT4の違いは何ですか? Dec 29, 2023 pm 02:27 PM

多くのユーザーはスマートウォッチを選ぶときにファーウェイブランドを選択しますが、その中でもファーウェイ GT3pro と GT4 は非常に人気のある選択肢であり、多くのユーザーはファーウェイ GT3pro と GT4 の違いに興味を持っています。 Huawei GT3pro と GT4 の違いは何ですか? 1. 外観 GT4: 46mm と 41mm、材質はガラスミラー + ステンレススチールボディ + 高解像度ファイバーバックシェルです。 GT3pro: 46.6mm および 42.9mm、材質はサファイアガラス + チタンボディ/セラミックボディ + セラミックバックシェルです。 2. 健全な GT4: 最新の Huawei Truseen5.5+ アルゴリズムを使用すると、結果はより正確になります。 GT3pro: ECG 心電図と血管と安全性を追加

element.styleの変更方法 Nov 24, 2023 am 11:15 AM

element.style で要素を変更するメソッド: 1. 要素の背景色を変更する; 2. 要素のフォントサイズを変更する; 3. 要素の境界線のスタイルを変更する; 4. 要素のフォントスタイルを変更する; 5要素の水平方向の配置を変更します。詳細な紹介: 1. 要素の背景色を変更します。構文は "document.getElementById("myElement").style.backgroundColor = "red";"; 2. 要素のフォントサイズなどを変更します。

修正: Windows 11 で Snipping ツールが機能しない Aug 24, 2023 am 09:48 AM

Windows 11 で Snipping Tool が機能しない理由問題の根本原因を理解すると、適切な解決策を見つけるのに役立ちます。 Snipping Tool が正しく動作しない主な理由は次のとおりです。フォーカスアシスタントがオンになっている: これにより、Snipping Tool が開かなくなります。破損したアプリケーション: 起動時にスニッピングツールがクラッシュする場合は、破損している可能性があります。古いグラフィックドライバー: 互換性のないドライバーは、スニッピングツールに干渉する可能性があります。他のアプリケーションからの干渉: 実行中の他のアプリケーションが Snipping Tool と競合する可能性があります。証明書の有効期限が切れています: アップグレードプロセス中のエラーにより、この問題が発生する可能性があります。これらの簡単な解決策は、ほとんどのユーザーに適しており、特別な技術知識は必要ありません。 1. Windows および Microsoft Store アプリを更新する

React でスタイルを動的に変更する方法 Dec 28, 2022 am 10:44 AM

スタイルを動的に変更するためのメソッド: 1. "<div className='scroll-title clear-fix' ref={ this.manage }>" のような構文を使用して、スタイルを変更する必要がある要素に ref を追加します。 . 動的制御による状態の変化により要素のスタイルが変更される; 3. DOM 内で JS コードを使用することで、異なる DOM の表示と非表示の遷移が実現されます。

Vue3 スタイルの新機能とその使用方法について May 14, 2023 pm 10:52 PM

スタイルの新機能 Vue3.2 バージョンでは、ローカルスタイル、CSS 変数、テンプレートに公開されるスタイルなど、単一ファイルコンポーネントのスタイルに多くのアップグレードが行われました。 (学習ビデオ共有: vue ビデオチュートリアル) 1. ローカルスタイルラベルにscopedattribute がある場合、その CSS は現在のコンポーネントの要素にのみ適用されます: hi.example{color:red;} 2. 深さセレクターはスコープされます。スタイル内のセレクターがより「深い」選択を行いたい場合、つまりサブコンポーネントに影響を与える場合は、:deep() 疑似クラス: .a:deep(.b){/*...* を使用できます。 / }v-html を通じて作成された DOM コンテンツは、

iPhoneでApp Storeに接続できないエラーを修正する方法 Jul 29, 2023 am 08:22 AM

パート 1: 最初のトラブルシューティング手順 Apple のシステムステータスを確認する: 複雑な解決策を掘り下げる前に、基本から始めましょう。問題はデバイスにあるのではなく、Apple のサーバーがダウンしている可能性があります。 Apple のシステムステータスページにアクセスして、AppStore が適切に動作しているかどうかを確認してください。問題があれば、Apple が修正してくれるのを待つしかありません。インターネット接続を確認します。「AppStore に接続できません」問題は接続不良が原因である場合があるため、安定したインターネット接続があることを確認してください。 Wi-Fi とモバイルデータを切り替えるか、ネットワーク設定をリセットしてみてください ([一般] > [リセット] > [ネットワーク設定のリセット] > [設定])。 iOS バージョンを更新します。

CSS レイアウト単位の進化と応用: ピクセルからルート要素のフォントサイズに基づく相対単位へ Jan 05, 2024 pm 05:41 PM

px から rem へ: CSS レイアウトユニットの進化と応用はじめに: フロントエンド開発では、多くの場合 CSS を使用してページレイアウトを実装する必要があります。過去数年にわたって、CSS レイアウトユニットは進化し、発展してきました。最初は要素のサイズと位置を設定する単位としてピクセル (px) を使用しました。しかし、レスポンシブデザインの台頭とモバイルデバイスの普及により、ピクセルユニットにはいくつかの問題が徐々に明らかになってきました。これらの問題を解決するために、新しい単位 rem が登場し、CSS レイアウトで徐々に広く使用されるようになりました。 1つ