html页面导航问题

我有问题要在嵌套导航中加载li。这里是问题假设我在父ul中有五个元素（li）。如果我点击任何元素（li），我可以在列表中看到30个子元素（ul li）。现在的问题是我如何将它们分配到三行？下面是结构。我曾尝试将它们分成几行但没用。html页面导航问题

ul(parent) 
li 
li 
li>ul(child) 
li li(1)  li(11)  li(21) 
li li (2)  li(12)  li(22) 
    .. (3)  ..  .. 
    ..  ..  .. 
    (10th li) (20th li)(30th li)

来源

2014-02-25 user2959178

你使用了什么CSS？ – putvande

正常的CSS喜欢在一个类中的父组（ul和li）和在另一个类中的子组 – user2959178

您可以让您的孩子'ul'具有特定的宽度，因此它适合彼此相邻的3个'li'。 – putvande

我不是跟着你的问题100％，但它听起来像你试图筑巢超过一个水平深？如果你是...

简单的只是在li标签中嵌套一些更多的ul元素。

<ul> 
    <li>1</li> 
    <li>2</li> 
    <li> 
    3 
    <ul> 
    <li>3.1 
     <ul> 
     <li>3.1.1</li> 
     <li>3.2.1</li> 
     </ul> 
    </li> 
    <li>3.2 
     <ul> 
     <li>3.2.1</li> 
     <li>3.2.2</li> 
     </ul> 
    </li> 
    <li>3.3 
     <ul> 
     <li>3.3.2</li> 
     <li></li> 
     </ul> 
    </li> 
    </ul> 
    </li> 
    <li>4</li> 
    <li>5</li> 
</ul>

来源

2014-02-25 14:09:15

感谢您的回复。这是不符合我的要求。就像一个家长李说，它有30个孩子李，他们有3行显示（每个包含10里列表 – user2959178

SEE THE DEMO。这是你想要的吗？基本上，你将不得不定义第二个的宽度ul并浮动你的li。你的代码应该是这样的：

ul.primary { 
position: relative; 
} 

ul ul { 
width: 400px; 
position: absolute; 
top:0; left: 0; 
} 

ul ul li { 
float: left; 
}

来源

2014-02-25 14:24:40 Morven

我已经更新了我的问题，请参阅 – user2959178

如果你想要发生这种情况点击后，您可以使用jQuery并分配点击事件。 – Morven

html页面导航问题

回答

相关问题