Heim Backend-Entwicklung PHP-Problem So zeigen Sie Array-Elemente in PHP vertikal auf der Seite an

So zeigen Sie Array-Elemente in PHP vertikal auf der Seite an

Apr 18, 2023 pm 02:07 PM

php ist eine beliebte serverseitige Programmiersprache, die häufig in der Website-Entwicklung verwendet wird. Bei der Website-Entwicklung müssen wir häufig Array-Elemente auf der Seite anzeigen, normalerweise in horizontaler Anordnung, aber manchmal müssen wir Array-Elemente vertikal anzeigen. Was sollten wir in diesem Fall tun? In diesem Artikel wird erläutert, wie PHP Array-Elemente vertikal auf der Seite anzeigt.

Zuerst müssen wir ein Array erstellen, um die Elemente zu speichern, die angezeigt werden müssen. Hier ist ein Beispiel-Array:

$myArray = array("苹果", "香蕉", "橙子", "草莓", "葡萄");
Nach dem Login kopieren

Als nächstes können wir die Array-Elemente horizontal ausgeben, indem wir eine Schleife verwenden, zum Beispiel:

echo "<ul>";
foreach($myArray as $value) {
    echo "<li>" . $value . "</li>";
}
echo "</ul>";
Nach dem Login kopieren

Dies gibt Folgendes aus: #🎜🎜 #

    Apfel
  • Bane
  • Aber wie werden sie in vertikalen Spalten ausgegeben? Als nächstes stellen wir zwei Methoden vor.
  • Methode 1: Verwenden Sie CSS-Stile, um eine vertikale Anzeige zu erreichen.
  • Wir können Array-Elemente vertikal anzeigen, indem wir CSS-Stile festlegen. Hier ist ein Beispielcode:
  • echo "<ul style=&#39;writing-mode: vertical-lr;&#39;>";
    foreach($myArray as $value) {
        echo "<li>" . $value . "</li>";
    }
    echo "</ul>";
    Nach dem Login kopieren
  • Dadurch werden die Listenelemente vertikal und am linken Rand der Seite angezeigt.

Methode 2: Verwenden Sie die PHP-Funktion, um Array-Elemente in vertikale Spalten umzuwandeln.

Wir können auch PHP-Funktionen verwenden, um Array-Elemente in vertikale Spalten umzuwandeln. Hier ist ein Beispielcode:

function verticalList($array) {
    $max_length = max(array_map('strlen', $array));
    foreach($array as $value) {
        echo str_pad($value, $max_length, " ", STR_PAD_BOTH) . "\n";
    }
}
Nach dem Login kopieren

Wir können diese Funktion dann aufrufen mit:

verticalList($myArray);
Nach dem Login kopieren

Dies gibt Folgendes aus:

   苹   
   果   
   香   
   蕉   
   橙   
   子   
   草   
   莓   
   葡   
   萄
Nach dem Login kopieren
#🎜🎜 #Die beiden oben genannten Methoden können Array-Elemente problemlos vertikal auf der Seite anzeigen. Wir können entsprechend unseren Bedürfnissen die Methode wählen, die zu uns passt.

Das obige ist der detaillierte Inhalt vonSo zeigen Sie Array-Elemente in PHP vertikal auf der Seite an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Java-Tutorial
1655
14
PHP-Tutorial
1253
29
C#-Tutorial
1227
24