CSS 居中：margin-left 和 -right auto，但结果很有趣

Question

您可以在http://led.dlugosz.com/查看该页面。^\xe2\x80\xbb 我想让“图库”部分在可用空间中居中，而不是向左齐平。

\n\n

所以，我添加了规则

\n\n

margin-left: auto;\nmargin-right: auto;\n

\n\n

它似乎工作得恰到好处。但是，当我在另一个页面上做同样的事情时，它根本不起作用，而且我找不到任何区别。然后，再仔细研究一下这个页面，我发现在不同的窗口宽度下它可以工作，不能工作，或者做一些非常奇怪的事情。这里发生了什么？更重要的是，我怎样才能实现这个效果呢？

\n\n

---

\n\n

\xe2\x80\xbb 我更新了页面并最终将其删除。

\n

Answer 1

margin-left :automargin-right:auto如果您设置display: block并指定元素的宽度，则将使元素居中，然后元素对齐到中心。

要不然

margin: 0 auto;
width: 100px;
display: block;