div标签的位置中心，宽度未知高级

Question

我有没有固定的div。我希望这个div位置在屏幕的中心。

我知道如何使用jquery来实现这一点，但是使用纯css，我找不到任何解决方案。你如何用纯CSS来实现这个目标？

Answer 1

假设你想收缩包装div的内容（否则它的中心是一个毫无意义的练习，因为它的宽度将是容器的宽度）：

• 在div上设置display: inline-block;以使其收缩包装
• 在div的父元素上设置text-align: center;以使div居中
• 在div上设置text-align: left;以覆盖其将从其父级继承的内联内容的居中。

Answer 2

我认为这篇文章可能就是您所需要的：

http://www.tightcss.com/centering/center_variable_width.htm