html - 我正在设置一个嵌套列表,但我不知道应该使用什么样式

标签 html css

我想要嵌套列表样式的解决方案,看代码:

<ul>
  <li>nesteds
    <ul>
      <li>nested 1</li>
      <li>nested 2</li>
      <li>nested 3</li>
    </ul>
  </li>
</ul>

我想将嵌套的 1 和 2 和 3 完全对齐在 nesteds 的底部。我该怎么办?

最佳答案

您需要将 padding:0; 设置为 ul 因为您需要通过设置 padding:0 来覆盖浏览器默认的 css ;ul

ul {
  padding: 0;
}
<!DOCTYPE html>

<body>
  <ul>

    <li>nesteds

      <ul>
        <li>nested 1</li>
        <li>nested 2</li>
        <li>nested 3</li>
      </ul>

    </li>

  </ul>
</body>

关于html - 我正在设置一个嵌套列表,但我不知道应该使用什么样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55845820/

相关文章:

html - 如何在不破坏复制粘贴的情况下替换 CSS 中的字符串?

javascript - 如何使用querySelector选择动态添加的元素

javascript - 如何在 windows phonegap 应用程序中加载页面后动态更改元标记视口(viewport)?

html - CSS Center 在一个 div 中放置一堆图像

css - 打印样式表不能完全工作

javascript - 使用 Javascript 函数将 HTML 写入屏幕

html - 动态创建页面的 Phonegap 离线应用程序

javascript - 选择标签上的 Ajax 动画

html - 固定菜单栏与同一页面上的链接内容重叠

javascript - 如何通过js给运行时自动生成的图片应用类