Html 直观地移动列表项的最佳方式是什么？

我有一个

，它有一堆

s

例如，一些

需要有特定的格式

a
b
    c
    d
e

---

我不能让

包含

，所以现在我用左边距集将c和d包装在

中。这样做安全吗？有更好的方法吗？

不，这不是个好主意

ul

元素仅包含

li

元素。没别的了。如果浏览器今天表现良好，不要指望它明天就能正常工作，因为您正在处理非标准行为

定义了标准

---

有什么理由不能嵌套

ul

标签吗？

没有，这不是个好主意

ul

元素仅包含

li

元素。没别的了。如果浏览器今天表现良好，不要指望它明天就能正常工作，因为您正在处理非标准行为

定义了标准

有什么理由不能嵌套

ul

标记吗？

这样写：

        .myUl{
            margin:0px;
            list-style-type: none;
        }
        .myUl .marginless {
            margin: 0px;
        }
        .myUl .margin {
            margin: 0px;
            margin-left: 20px;
        }


    <ul class="myUl">
        <li class="marginless">a</li>
        <li class="marginless">b</li>
        <li class="margin">c</li>
        <li class="margin">d</li>
        <li class="marginless">e</li>
    </ul>

CSS:

HTML:

a
b
c
d
e

检查此live

如下所示：

        .myUl{
            margin:0px;
            list-style-type: none;
        }
        .myUl .marginless {
            margin: 0px;
        }
        .myUl .margin {
            margin: 0px;
            margin-left: 20px;
        }


    <ul class="myUl">
        <li class="marginless">a</li>
        <li class="marginless">b</li>
        <li class="margin">c</li>
        <li class="margin">d</li>
        <li class="marginless">e</li>
    </ul>

CSS:

HTML:

a
b
c
d
e

检查此将工作的live

另一个选项可能是使用CSS处理它，如下所示：

        .myUl{
            margin:0px;
            list-style-type: none;
        }
        .myUl .marginless {
            margin: 0px;
        }
        .myUl .margin {
            margin: 0px;
            margin-left: 20px;
        }


    <ul class="myUl">
        <li class="marginless">a</li>
        <li class="marginless">b</li>
        <li class="margin">c</li>
        <li class="margin">d</li>
        <li class="marginless">e</li>
    </ul>

.myUl{
边际：0px；
列表样式类型：无；
}
myUl.marginless先生{
边际：0px；
}
myUl.保证金{
边际：0px；
左边距：20px；
}

a
b
c
d
e

那就行了

另一个选项可能是使用CSS处理它，如下所示：

        .myUl{
            margin:0px;
            list-style-type: none;
        }
        .myUl .marginless {
            margin: 0px;
        }
        .myUl .margin {
            margin: 0px;
            margin-left: 20px;
        }


    <ul class="myUl">
        <li class="marginless">a</li>
        <li class="marginless">b</li>
        <li class="margin">c</li>
        <li class="margin">d</li>
        <li class="marginless">e</li>
    </ul>

.myUl{
边际：0px；
列表样式类型：无；
}
myUl.marginless先生{
边际：0px；
}
myUl.保证金{
边际：0px；
左边距：20px；
}

a
b
c
d
e

为什么你不能在

li

里面装一个

ul

？@搅拌器：技术原因，它会破坏我的JQUERY为什么你不能在

li

里面装一个

ul

？@搅拌器：技术原因，它会破坏我的JQUERI不能在li里面装一个ul。我能做这个吗<代码>

• a
• b

有效吗？@qwertymk:是的，这是嵌套列表的方法。编辑：没关系-Blender是对的，您只能将
元素插入
s中。@Nightfirecat:不，它不是。唯一可以在
ul
s中的标签是
li
s。我不能在li中有ul。我能做这个吗<代码>
a
b
有效吗？@qwertymk:是的，这是嵌套列表的方法。编辑：没关系-Blender是对的，您只能将
元素插入
s中。@Nightfirecat:不，它不是。唯一可以在
ul
s中的标记是
li
s。请不要提倡使用破损的HTML；）@搅拌机：当人们学会使用提示时，这并不重要。仅仅因为某些东西起作用并不意味着它是安全的。Web标准的存在是有原因的（并不是让你的生活变得困难）。请不要提倡使用破损的HTML；）@搅拌机：当人们学会使用提示时，这并不重要。仅仅因为某些东西起作用并不意味着它是安全的。网络标准的存在是有原因的（并不是让你的生活变得困难）。