【问题标题】:Correct way to center page?居中页面的正确方法?
【发布时间】:2013-07-13 16:45:41
【问题描述】:

我正在重写我的网页以了解有关 HTML5 的更多信息。目前我正在为页面内容使用包装器 div,其中:

#pageContainer { width: 960px; margin: 0 auto; }

这仍然是使页面居中的正确/最佳方式吗?

谢谢!

【问题讨论】:

  • @Adel 您的链接与问题无关
  • @xoemab - 好的,谢谢,我删除了

标签: html css


【解决方案1】:

这仍然是首选方式。

HTML5 和 CSS3 可能没有你想象的那么具有革命性,基本的布局技术还是一样的,只是多了一些技巧,而且随着旧浏览器的消失,不用担心它们。

【讨论】:

    【解决方案2】:

    另一种常见的方法是:

    #container{
      position: absolute;
      left: 50%;
      width: 1000px;
      margin-left: -500px;
      height: 100%;
    }
    

    【讨论】:

    • 不一定看到这个jsbin.com/iyomiv/1/edit 一个更好的绝对 div 居中方法
    • 嗯,我已经看到这个用得很多了,但是感谢分享一个更好的方法。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-05-22
    • 1970-01-01
    • 2011-11-09
    • 1970-01-01
    • 2015-12-30
    • 2020-01-15
    • 2012-08-18
    相关资源
    最近更新 更多