html - CSS 列表样式类型不起作用

标签 html css html-lists

我已经在 CSS 中设置了 list-style-type,但由于某些原因它没有显示。

body {
  margin: 0;
}
ol {
  list-style-type: decimal;
  padding-left: 0;
}
<ol>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>

最佳答案

由于您的填充重置,数字实际上偏离了页面的左侧。尝试添加:

list-style-position: inside;

关于html - CSS 列表样式类型不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12447611/

相关文章:

使用一个滚动条的 CSS 固定列表标题

html - 使用内联复选框列表控制文本换行

css - 使用 CSS 等距放置对象

html - 边界位置 - 不起作用。

html - 如何制作开和关按钮

html - 使整个 <li> 成为具有适当 HTML 的链接

javascript - 使用 jquery 在 html 上使用多个实时 slider

html - 获取图像和文本之间的空间

javascript - 在动态生成的表angularjs中显示/隐藏元素(div)

jquery - 添加 Jquery Mobile 会破坏 CSS