如何将列表项目符号点置于中心

Question

我刚刚练习如何在 html 中编码，但我很难找到一种方法将列表的要点放入 HTMLI 中。

这是我所做的有序列表的示例。当我尝试使用“center”和“list-style-position：center”时，它仅适用于文本，但不会影响项目符号。顺便说一句，我正在记事本++中执行此操作。有没有办法只使用notepad++来实现这一点？

<ol>
    <li>fish</li>
    <li>eggs</li>
    <li><font face="arial" color="magenta">beefy</font></li>
    <li>chicken</li>
    <li>pork</li>
</ol>

Answer 1

有一种方法可以通过在 HTML 中使用内联 CSS 或外部 CSS 文件来解决此问题。

解决方案：HTML代码将保持原样，只是在

ol

标签中添加一些样式：

ol {
        text-align: center;
        padding-left: 0;
        list-style-position: inside; 
    }

<ol>
    <li>fish</li>
    <li>eggs</li>
    <li><font face="arial" color="magenta">beefy</font></li>
    <li>chicken</li>
    <li>pork</li>
</ol>

解释：给定的解决方案回答了问题：

1. text-align: center

   - 样式有助于使文本在列表中居中

2. padding-left: 0

   - 删除列表的默认填充

3. list-style-position: inside

   - 将项目符号（或数字）与列表项居中

维护这些样式规则，您可以轻松地将项目符号点放在有序列表和无序列表的中心。这将解决您的问题。