Closed. This question is off-topic。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗? Update the question,所以它是on-topic,用于堆栈溢出。
                        
                        3年前关闭。
                                                                                            
                
        
嗨,我有一个php代码,它生成具有30 li的ul,我想在3行中显示此ul。请告诉我该怎么办?

 <?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;
  }
  ?>

最佳答案

这是使用样式的解决方案:



ul li {
    display: inline;

}
ul li:nth-child(10n):after {
    content: " ";
    display: block;
}

<ul>
  <li>01</li>
  <li>02</li>
  <li>03</li>
  <li>04</li>
  <li>05</li>
  <li>06</li>
  <li>07</li>
  <li>08</li>
  <li>09</li>
  <li>10</li>
  <li>11</li>
  <li>12</li>
  <li>13</li>
  <li>14</li>
  <li>15</li>
  <li>16</li>
  <li>17</li>
  <li>18</li>
  <li>19</li>
  <li>20</li>
  <li>21</li>
  <li>22</li>
  <li>23</li>
  <li>24</li>
  <li>25</li>
  <li>26</li>
  <li>27</li>
  <li>28</li>
  <li>29</li>
  <li>30</li>
</ul>

关于php - 如何将带有30个元素的ul分隔为3行? ,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40696933/

10-12 01:25
查看更多