将我的内容居中 - 最佳方式是什么？

Question

我正在尝试找出使我的内容和侧边栏在页面上居中的最佳方式。我尝试过的任何方法都不起作用（我对 CSS 和 HTML 很陌生）。 我尝试将宽度设置为百分比，并将边距设置为自动，但有些东西不起作用。我不希望它具有固定的宽度，因为它在不同的屏幕上看起来会有所不同。不知道最好的方法是什么，任何帮助将不胜感激！ 我也尝试过 overflow: auto 但这会带走我主页上的边框半径...... http://flashandshine.com/port/?page_id=73

Answer 1

您可以在容器中放置此 CSS：

.container {
   width:80%;
   display:table;
   margin: 0 auto;
}

Answer 2

如果您要居中的内容是可变宽度，您可以做一些简单的数学运算来将其居中。例如，如果您的内容是 90% 宽，则父容器中还有 10% 的剩余部分，这意味着 5% 的左右边距会使它居中。

从您的示例看来，问题在于您的 <ul> 具有填充和边距，并且未设置为特定宽度。