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

时间:2012-11-27 09:08:43

标签: jquery html css center

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

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

2 个答案:

答案 0 :(得分:4)

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

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

答案 1 :(得分:1)

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

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