Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何根据菜单中的项目数量动态地拥有更多列?_Html_Wordpress_Css - Fatal编程技术网

Html 如何根据菜单中的项目数量动态地拥有更多列?

Html 如何根据菜单中的项目数量动态地拥有更多列?,html,wordpress,css,Html,Wordpress,Css,我在wp中有一个动态的两级UL LI下拉菜单。实际上,它当前是一个两列菜单,行是根据子li元素的需要来的。在一些LI中,子元素有很多项,我希望以某种方式控制它只有5行,如果超过5行,那么我希望它有更多的列,以容纳菜单中的所有项 目前,它是固定宽度的浮动li元素,位于固定宽度的UL中,支持两列 所以,我希望它根据需要有2/3/4或5列,但行应始终为5 这是一个动态菜单,我不知道怎么做。一个解决方案是使用php函数将子项分成5个组,然后将每个组作为单独的列表呈现在不同的列中 <?php $it

我在wp中有一个动态的两级UL LI下拉菜单。实际上,它当前是一个两列菜单,行是根据子li元素的需要来的。在一些LI中,子元素有很多项,我希望以某种方式控制它只有5行,如果超过5行,那么我希望它有更多的列,以容纳菜单中的所有项

目前,它是固定宽度的浮动li元素,位于固定宽度的UL中,支持两列

所以,我希望它根据需要有2/3/4或5列,但行应始终为5


这是一个动态菜单,我不知道怎么做。

一个解决方案是使用php函数将子项分成5个组,然后将每个组作为单独的列表呈现在不同的列中

<?php
$items = array(1,2,3,4,5,56,6,63,7,8,9,876,5,4,436,23,57,575,4734,62);
$chunks = array_chunk($items, 5);       
foreach($chunks as $chunk) {
  $col = "<ul>";
  foreach($chunk as $value) {
    $col .= '<li>'.$value.'</li>';  
  }
  $col .= "</ul>";
  echo $col;
}

转到您的个人资料,查看您过去提出的问题。然后在没有核对答案的问题上把答案标记为正确谢谢,我会的。