Php 如何将30项ul与3行分开？
嗨，我有一个php代码，生成一个30里的ul，我想把这个ul显示在3行中。请告诉我该怎么办Php 如何将30项ul与3行分开？,php,jquery,html,css,Php,Jquery,Html,Css,嗨，我有一个php代码，生成一个30里的ul，我想把这个ul显示在3行中。请告诉我该怎么办 <?php $args = array( 'hide_empty' => false, ); $terms = get_terms( 'job_region', $args ); if ( ! empty( $terms ) && ! is_wp_error( $terms ) ) { $count = count( $terms ); $i =
<?php
$args = array( 'hide_empty' => false, );
$terms = get_terms( 'job_region', $args );
if ( ! empty( $terms ) && ! is_wp_error( $terms ) ) {
$count = count( $terms );
$i = 0;
$all_count=wp_count_posts('job');
$published_jobs = $all_count->publish;
$term_list = '<ul class="statelist"><li class="all" count-all= ' . $published_jobs . '><a href="http://estekhdamia.com/job-listings/" title="تمام آگهی ها">تمام استان ها</a></li></ul><ul class="statelist clearfix">';
foreach ( $terms as $term ) {
$i++;
$term_list .= '<li class=' . $term->slug . ' count-all=' . $term->count . '><a href="/job-search/?location=' . $term->slug . '&submit=true" title="' . esc_attr( sprintf( __( 'نمایش آگهی های %s', 'my_localization_domain' ), $term->name ) ) . '">' . $term->name . '</a></li>';
if ( $count != $i ) {
$term_list .= " ";
}
else {
$term_list .= '</ul>';
}
}
echo $term_list;
}
?>
这是一个纯粹基于CSS的解决方案（即，您可以将列表输出为一个完全常规的列表，并按如下方式显示）。不过，这是在您了解内容并可以设置高度的基础上进行的
#列{
显示器：flex；
柔性流：柱包裹；
最大高度：10公分；
}
#排{
显示器：flex；
柔性流：行换行；
宽度：40em；
}
李{
高度：1米；
宽度：4em；
列表样式位置：内部；
}
- 项目1
- 项目2
- 项目3
- 项目4
- 项目5
- 项目6
- 项目7
- 项目8
- 项目9
- 项目10
- 项目11
- 项目12
- 项目13
- 项目14
- 项目15
- 项目16
- 项目17
- 项目18
- 项目19
- 项目20
- 项目21
- 项目22
- 项目23
- 项目24
- 项目25
- 项目26
- 项目27
- 项目28
- 项目29
- 项目30
- 项目1
- 项目2
- 项目3
- 项目4
- 项目5
- 项目6
- 项目7
- 项目8
- 项目9
- 项目10
- 项目11
- 项目12
- 项目13
- 项目14
- 项目15
- 项目16
- 项目17
- 项目18
- 项目19
- 项目20
- 项目21
- 项目22
- 项目23
- 项目24
- 项目25
- 项目26
- 项目27
- 项目28
- 项目29
- 项目30
ulli{
显示：内联；
}
第n个孩子（10n）：之后{
内容：“；
显示：块；
}
- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 十,
- 十一,
- 十二,
- 十三,
- 十四,
- 十五
- 十六,
- 十七,
- 十八
- 十九,
- 二十
- 二十一,
- 二十二
- 二十三
- 二十四
- 二十五
- 二十六
- 二十七
- 二十八
- 二十九
- 三十
flex