0

wpに動的な2レベルのULLIドロップダウンメニューがあります。実際には、現在2列のメニューと行が子li要素の要求に応じて提供されています。一部のLIでは、子要素に多くの項目があり、5行のみになるように制御したいのですが、5行を超える場合は、メニューのすべての項目に対応するために必要に応じて列を増やしたいと思います。

現在、2列をサポートする固定幅ULの固定幅のフロートli要素。

したがって、必要に応じて2/3/4または5列にしたいのですが、行は常に5列にする必要があります。

そのダイナミックなメニューと私はそれを行う方法がわかりません。

4

1 に答える 1

0

1 つの解決策は、php のarray_chunk関数を使用して子アイテムを 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;
}
于 2012-04-28T12:55:16.450 に答える