Html 如何将列表居中？

我试图把我的清单放在中心位置，不管我怎么做，我都无法弄清楚。显然，我没有在正确的地方尝试正确的事情。帮助并解释我需要做什么。谢谢

HTML

---

您必须重置浏览器添加的默认列表填充：

#list
{
    padding-left:0;
}

您应该选择两种定心方法中的一种： -保证金：自动； -文本对齐：居中

如果您知道容器/列表的宽度，并且不希望看到该容器的中心内容，则第一个（自动边距）更好。在这个特定的例子中，这将集中于ul，而不是li

第二种方法（文本对齐）用于不知道容器宽度的情况，但如果不想将此容器的内容置于中心位置，则必须将其重置为“左上/左下”

上面的CSS应该是所有主要浏览器中块级元素的中心

将列表作为一个整体而不是li，然后它们应保持正确的顺序

编辑 以下css应能显示订购数量，以供参考

li {
        float:left;
        margin:10px;
        list-style-position:inside;
    }

---

您需要将html文件与css文件“链接”。方法是将这一行添加到html文件中：

<link rel="stylesheet" type="text/css" href="yourcssfilename.css">

---

#listwrapper

需要有一个定义的

宽度

属性。您是要将整个div居中，还是仅将单个li标记居中，或将ul居中？我将该代码放在小提琴中，所有内容都居中。问题是什么？我正试图将整个列表居中。idk由于某种原因它没有显示在我的浏览器中。你不需要“链接”css文件。。。你没听说过“风格”标签吗？那是另一种方式，是的。只要使用样式标签，它就会工作。这位先生已经有一个css文件了。你有没有注意到我的列表项不再排序了？这是为什么？这是因为：#list li{display:inline；}将

标记设置为显示为inline，当它们是inline时，排序不会显示，而是显示在同一行上。如果您想显示排序，只需删除注释中上面的所有代码，它就会显示为编号为1的列表。2.3.等

margin: auto o; // should centre item
margin-left: auto; // for i.e
margin-right: auto; // for i.e

li {
        float:left;
        margin:10px;
        list-style-position:inside;
    }

<link rel="stylesheet" type="text/css" href="yourcssfilename.css">

<link rel="stylesheet" type="text/css" href="style.css">

<div id = "listwrapper">
                <h3>Partner Companies</h3>
                <ol id = "list">
                    <li><a href="http://store.steampowered.com/app/241240/">Steam Contraption maker</a></li>
                    <li><a href="https://www.gamingonlinux.com/articles/contraption-maker-casual-game-will-come-to-linux.3026">Contraptions coming to Linux</a></li>
                    <li><a href="unity3d.com/">Unity game developer engine</a></li>
                </ol>
            </div>

#list li
{
    display: inline;
}