如何像带有换行符的段落一样布局相对定位的“li”？答案

【问题标题】：How do I layout relative positioned 'li' like a paragraph with line breaks?如何像带有换行符的段落一样布局相对定位的“li”？
【发布时间】：2012-08-09 03:07:32
【问题描述】：

这是我的 jsfiddle，请看一下：

http://jsfiddle.net/63pNN/

我在格式化这个“ul”时遇到了问题。它适用于 wordpress，因此将添加更多“li”元素。 'li' 元素需要是 'position:relative;'这样当他们从 'display:none' 到 'display:inline' 时，使用 jquery 下拉功能，'div' 的高度会改变以适应。

我希望列表如下所示：

首页 Item1 Item2 Item3
ItemA ItemB ItemC ItemD ItemE ItemF
ItemX ItemY ItemZ

我应该为此使用一张桌子吗？如何让这些元素以这种方式出现？我试过左浮动'ul'。

The list will work like a dropdown menu, so that when Item2 > ItemC is selected, the list should appear like this:

首页项目1 项目2项目3
ItemC ItemD
项目Y

另外，如果您对如何在单击或切换时一次只显示一个兄弟姐妹有任何想法，请告诉我。我有任何想法，父母应该采用一个意味着它的“选择”的类，然后向它的孩子添加一个类，以便它们出现。然后，当单击其同级之一时，父级应丢失其“选定”类。但我无法让它发挥作用。

【问题讨论】：

标签： jquery wordpress html-lists nav

【解决方案1】：

你可以使用：

li {
   float: left;
}

或：

li {
   display: inline;
}

【讨论】：

我真的需要它与它的兄弟姐妹 only 而 not 它的父母