javascript - CSS, HTML 列表缩进

Question

我对 HTML 很陌生，我在正确格式化我的列表时遇到了很多麻烦。在我当前的代码中，我有一个编号列表。我的目标是在数字本身和后面的文本之间创建一个缩进或空格。例如：

1.（缩进）所有日期/字段/等

2.（缩进）一个“全文查询”

3.（缩进）缩小搜索范围等

我尝试在 w3schools 和其他 StackOverflow 帖子上搜索提示，但似乎找不到解决方案。我相信这是由于有一个列表而不是像段落这样的常规文本。任何帮助，将不胜感激。

标签： javascriptjqueryhtmlcss

Answer 1

像这样使用text-indent规则（另请参阅我稍作改动的JSFiddle：

<style type="text/css">
  li {
    padding-right: 5px;
  }
</style>

style标签属于该部分head（我把我的放在我链接的小提琴的第 20 行）。

我建议向您的li元素添加一个类，这样您就可以只更改您想要的特定元素，而不是页面上的所有 li元素。

另外，您没有问过这个问题，但总的来说，我建议避免使用内联样式。一旦您的页面变大，它们就很难维护，修改每个内联样式将花费更长的时间，并且可能导致额外的错误。