Question

我目前有以下代码。该代码回显了WordPress数据库中包含的类别列表。代码正常工作，但我需要帮助设置风格。

<?php
$regions = get_terms( $taxonomies, $args );

    ?>

    <h3>Regions</h3>

    <ul>
        <?php foreach ($regions as $region) {
           echo '<li><a href="' . esc_attr(get_term_link($region, $taxonomy)) . '" title="' . sprintf( __( "View all posts in %s" ), $region->name ) . '" ' . '><font color="#bf9764">' . $region->name.'</font></a></li>';
          }
         ?>
    </ul>

输出显示单个无序列表，但我希望将此列表拆分为3个相等的列。见下面的例子。

1. Category 1 | 4. Category 4 | 7. Category 7
2. Category 2 | 5. Category 5 | 8. Category 8
3. Category 3 | 6. Category 6 | 9. Category 9

我对CSS很糟糕。谢谢你的帮助！

Answer 1

您可以使用CSS3 columns - JSFiddle Demo

CSS

ul { 
    width:300px;
    -webkit-column-count: 3; 
    -moz-column-count: 3;
    column-count: 3;
}

HTML

<ul>
    <li>Category 1</li>
    <li>Category 2</li>
    <li>Category 3</li>
    <li>Category 4</li>
    <li>Category 5</li>
    <li>Category 6</li>
    <li>Category 7</li>
    <li>Category 8</li>
    <li>Category 9</li>
</ul>

PHP循环语句到无序列表3列

1 个答案: