我想在CSS中创建一个下拉菜单,但它将有大约21个子项目。因此,我想在7列的3列中展示它们,但我无法弄清楚如何去做。如何创建多列下拉菜单?
我用一个简单的例子创建了一个jsFiddle,我如何修改CSS以使子6-10显示在子1-5的右侧,而不是如下所示?
它应该看起来像下图,它是在MS Paint中创建的。
编辑:
<nav>
<ul>
<li>
<a href="#">Top Level Group</a>
<div>
<ul>
<li><a href="#">Sub One</a></li>
<li><a href="#">Sub Two</a></li>
<li><a href="#">Sub Three</a></li>
<li><a href="#">Sub Four</a></li>
<li><a href="#">Sub Five</a></li>
</ul>
<ul>
<li><a href="#">Sub Six</a></li>
<li><a href="#">Sub Seven</a></li>
<li><a href="#">Sub Eight</a></li>
<li><a href="#">Sub Nine</a></li>
<li><a href="#">Sub Ten</a></li>
</ul>
</div>
</li>
</ul>
</nav>
我们可以链接到jsFiddle吗? – 2014-09-03 18:29:24
请分享你的代码你做了什么如此之快...尝试使用jsfiddle.net创建代码演示并共享!这将会更有帮助! – UID 2014-09-03 18:29:44
对不起,我忘了链接,我只是编辑我的帖子,包括 – user184994 2014-09-03 18:30:12