我需要下拉菜单方面的帮助
我想让下拉菜单横向(见下图)
但是我的下拉菜单在底部。
这是代码:(来自 yootheme_balance 的模板)
/*
Function: process
Returns:
Object
*/
public function process($module, $element) {
foreach ($element->find('ul.level2') as $ul) {
// get parent li
$li = $ul->parent();
// get columns
$columns = (int) $li->attr('data-menu-columns');
if ($columns > 1) {
$children = $ul->children('li');
$colrows = ceil($children->length / $columns);
$column = 0;
$i = 0;
foreach ($children as $child) {
$col = intval($i / $colrows);
if ($column != $col) {
$column = $col;
}
if ($li->children('ul')->length == $column) {
$li->append('<ul class="level2"></ul>');
}
if ($column > 0) {
$li->children('ul')->item($column)->append($child);
}
$i++;
}
} else {
$columns = 1;
}
// get width
$width = (int) $li->attr('data-menu-columnwidth');
$style = $width > 0 ? sprintf(' style="width:%spx;"', $columns * $width) : null;
// append dropdown divs
$li->append(sprintf('<div class="dropdown columns%d"%s><div class="dropdown-bg"><div></div></div></div>', $columns, $style));
$div = $li->first('div.dropdown div.dropdown-bg div:first');
foreach ($li->children('ul') as $i => $u) {
$div->append(sprintf('<div class="width%d column"></div>', floor(100 / $columns)))->children('div')->item($i)->append($u);
}
}
return $element;
}
}
最佳答案
为 <li>
使用 css ..如下:但仅适用于 parent li 而不是 child
li{display:inline-block;}
关于php - 下拉菜单不会横向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24552586/