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