如何水平显示嵌套的LI元素?

时间:2011-02-04 20:23:56

标签: html

我的菜单结构如下:

<div>
    <ul>
        <li><a /></li>
        <li><a />
            <ul>
                <li><a /></li>
                <li><a /></li>
                <li><a />
                    <ul>
                        <li><a /></li>
                             ....
</div>
<div>
</div>
<div>
</div>

另外,我有4个div互相浮动。 Onclick,我想在右边的下一个相应div中显示li里面的项目。 我如何在jquery中执行此操作? 我做的一件事是硬编码,当我点击其他父母时,它完全丢失了我的嵌套li。

请参阅此处的示例:http://jsfiddle.net/W2FJd/

2 个答案:

答案 0 :(得分:0)

css文件

.inlineDisplay{

display:inline

}

<强> HTML

<li class="inlineDisplay>inline</li>
<li class="inlineDisplay>inline</li>

here就是一个例子

答案 1 :(得分:0)

你清理了一下你的css:D ......

要在同一行显示列表元素:

li{
    display:inline;
    float:left;
}