How to display array elements vertically in php on the page

php is a popular server-side programming language that is widely used in website development. In website development, we often need to display array elements on the page, usually in a horizontal arrangement, but sometimes we need to display array elements vertically. What should we do in this case? This article will introduce how PHP displays array elements vertically on the page.

First, we need to create an array to store the elements that need to be displayed. The following is an example array:

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

Next, we can output the array elements horizontally by using a loop, for example:

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

This will output the following:

• Apple
• Banana
• Orange
• Strawberry
• Grape

But, how to output them in vertical columns? Next, we will introduce two methods.

Method 1: Use CSS styles to achieve vertical display

We can display array elements vertically by setting CSS styles. Here's a sample code:

echo "<ul style=&#39;writing-mode: vertical-lr;&#39;>";
foreach($myArray as $value) {
    echo "<li>" . $value . "</li>";
}
echo "</ul>";

This will display the list items vertically and along the left edge on the page.

Method 2: Use PHP function to convert array elements into vertical columns

We can also use PHP functions to convert array elements into vertical columns. Here is a sample code:

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

Then, we can call this function using:

verticalList($myArray);

This will output the following:

   苹   
   果   
   香   
   蕉   
   橙   
   子   
   草   
   莓   
   葡   
   萄

The above two methods can Easily display array elements vertically on the page. We can choose the method that suits us according to our needs.

The above is the detailed content of How to display array elements vertically in php on the page. For more information, please follow other related articles on the PHP Chinese website!