改变列表点之间的间距？

Question

我试图更改子列表点之间的间距。 我有两个像这样编码的列表

<ul>
  <li></li>
    <ul>
      <li></li>
    </ul>
</ul>

列表中的点与其子列表之间的空间很大，类似于此：

*
     *

但我希望这些点接近，就像这个

*
  *

我尝试更改缩进间距，但这没有效果。想知道正确的代码是做什么的。

Answer 1

要在li元素之间垂直控制间距，请调整CSS中的上下边距。

/* Example */
li { margin: 10px 0; }

要控制嵌套子列表的间距，请调整嵌套的ul元素的左边距，这通常由浏览器默认为40px。

/* Example */
ul ul { padding-left: 20px; } /* Cut normal width in half */

请参阅fiddle

Answer 2

您可以将ID提供给子列表

<ul>
  <li></li>
    <ul id="test">
      <li></li>
    </ul>
</ul>

在css中

#test {
    position: relative;
    left: 100px;
}

编辑：显然你必须调整“左”的像素，像5-10这样的东西应该做你想要的

Answer 3

在css中使用margin-left 例如

 #ul{
    margin-left: -20px;
}

 <ul>
      <li>a</li>

        <ul id="ul">
          <li>b</li>
        </ul>

</ul>