我想知道仅水平居中div的最佳方法是什么，基本上高度只有宽度无关紧要。我看过很多例子，但它们都专注于水平和垂直，我不需要也不想要。
所以让我们假设我有这个：
<body>
<div id="layout">
Content of my site here.
</div>
</body>
垂直：
对于垂直行业，您必须使用以下内容：
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
只需使用这个：
ul {
list-style: none;
margin: 0;
padding: 0;
}
这将删除填充边距和列表样式。您将拥有一个垂直列表。现在把它放在你想要的地方！
水平：
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
现在，CSS中还有一行：
ul li {
display: inline; // this is used to place elements in one line..
}
其他人也一样！
仅此而已！现在你可以把这个列表放在你的div中。它会起作用！
要定位它，您可以使用position: absolute为此，您需要将position: relative用于父div。或者您可以使用 padding: 或 margin .这就是您所需要的！
#layout {
margin: 0 auto;
position: relative;
}
这将相对于窗口水平居#layout，或者它的父级（如果有的话）。
它将垂直居中
#layout{position:absolute;top:50%;margin-top:-heightofDiv/2;}
最合适的方法是使用其中之一
margin-top:
margin-bottom:
padding-top:
padding-bottom:
在边距和填充之间进行选择取决于您的布局。在代码中，可以选择应用于的边距
<div id="layout">
或者您可以设置容器的填充
<div id="layout">
（在这种情况下为正文）。