Question

我的<ul>有一堆<li> s。

某些<li>需要具有某些格式，例如

a
b
    c
    d
e

我不能让<li>包含<ul>所以现在我将c和d包装在左边距设置的<div>中。这样做是否安全，有更好的方法吗？

Answer 1

像这样写：

CSS：

ul{
     list-tyle:none;
}
li{
    margin:5px 0;
}
.shift{
    margin-left:20px;
}

HTML：

<ul>
    <li>a</li>
    <li>b</li>
    <li class="shift">c</li>
    <li class="shift">d</li>
    <li>e</li>
</ul>

直接查看http://jsfiddle.net/KuNWf/

Answer 2

不，这不是一个好主意。

ul元素仅包含 li个元素。而已。如果浏览器今天呈现正常，请不要指望它明天正常运行，因为您正在使用非标准行为。

标准定义为here。

你有什么理由不能嵌套ul标签吗？

Answer 3

那会有效。

另一个选项可能是使用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>

什么是视觉上移动列表项的最佳方法？

3 个答案: