Question

是否可以强制嵌套的HTML列表项与左对齐？例如：

蝙蝠
猫
大鼠
- 一个
- 2
- 3
垫

<ul>
    <li>Bat</li>
    <li>Cat</li>
    <li>Rat<ul><li>one</li><li>two</li><li>three</li></ul></li>
    <li>Mat</li>
</ul>

应该看起来像（不删除嵌套列表）：

蝙蝠
猫
大鼠
一个
2
3
垫

Answer 1

是的，你可以。

通过将margin和padding设置为嵌套ul元素的零，所有元素都将移动到左侧。

某些旧浏览器使用padding缩进列表元素。因此，对于所有浏览器，将padding也设置为零。

设置list-style-type: disc;以将所有元素的样式设置为相同。

＆＃13;

ul ul {
  margin: 0;
  padding: 0;
  list-style-type: disc;
}

＆＃13;

<ul>
  <li>Bat</li>
  <li>Cat</li>
  <li>Rat
    <ul>
      <li>one</li>
      <li>two</li>
      <li>three</li>
    </ul>
  </li>
  <li>Mat</li>
</ul>

＆＃13;

Answer 2

check here

使用margin-left：-40px;并且使用css可以使enter code here更加改进

嵌套的HTML列表项是否可以强制对齐左边？

2 个答案: