ホームページ バックエンド開発 PHPの問題 PHPで配列要素をページ上に垂直に表示する方法

PHPで配列要素をページ上に垂直に表示する方法

Apr 18, 2023 pm 02:07 PM

php は、Web サイト開発で広く使用されている人気のあるサーバー側プログラミング言語です。 Web サイト開発では、ページ上に配列要素を (通常は水平方向に配置して) 表示する必要があることがよくありますが、場合によっては配列要素を垂直方向に表示する必要がある場合があります。この記事では、PHP が配列要素をページ上で垂直に表示する方法を紹介します。

まず、表示する必要がある要素を格納する配列を作成する必要があります。以下は配列の例です:

$myArray = array("苹果", "香蕉", "橙子", "草莓", "葡萄");
ログイン後にコピー

次に、ループを使用して配列要素を水平方向に出力できます。たとえば:

echo "<ul>";
foreach($myArray as $value) {
    echo "<li>" . $value . "</li>";
}
echo "</ul>";
ログイン後にコピー

これにより、次のものが出力されます:

  • Apple
  • Banana
  • Orange
  • Strawberry
  • Grape

ただし、縦列に出力する方法?次に2つの方法を紹介します。

方法 1: CSS スタイルを使用して縦方向表示を実現する

CSS スタイルを設定することで、配列要素を縦方向に表示できます。サンプル コードは次のとおりです。

echo "<ul style=&#39;writing-mode: vertical-lr;&#39;>";
foreach($myArray as $value) {
    echo "<li>" . $value . "</li>";
}
echo "</ul>";
ログイン後にコピー

これにより、リスト項目がページの左端に沿って垂直に表示されます。

方法 2: PHP 関数を使用して配列要素を垂直列に変換する

PHP 関数を使用して配列要素を垂直列に変換することもできます。サンプルコードは次のとおりです:

function verticalList($array) {
    $max_length = max(array_map('strlen', $array));
    foreach($array as $value) {
        echo str_pad($value, $max_length, " ", STR_PAD_BOTH) . "\n";
    }
}
ログイン後にコピー

次に、次を使用してこの関数を呼び出すことができます:

verticalList($myArray);
ログイン後にコピー

これにより、以下が出力されます:

   苹   
   果   
   香   
   蕉   
   橙   
   子   
   草   
   莓   
   葡   
   萄
ログイン後にコピー

上記の 2 つのメソッドは簡単に配列を表示できます。要素をページ上で垂直方向に配置します。ニーズに応じて、自分に合った方法を選択できます。

以上がPHPで配列要素をページ上に垂直に表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)