【问题标题】:page will not align center页面不会居中对齐
【发布时间】:2011-01-17 18:26:52
【问题描述】:

我遇到了一个 CSS 问题。

http://www.luukratief-design.nl/dump/parallax/index.html

我无法让此页面居中对齐。 在我得到使用“text-align:center;”的答案之前在身体上,我已经这样做了。

页面 100% 验证(CSS 和 HTML)。

请帮忙,以前从来没有过。

【问题讨论】:

    标签: html css center alignment


    【解决方案1】:

    #wrapper div的左右边距设置为auto

    #wrapper{
    margin:0 auto;
    }
    

    【讨论】:

    • 非常感谢!不明白为什么它是必要的,但它就像一个魅力,很大的帮助!
    【解决方案2】:

    要使页面居中对齐,您可以将页面的所有内容放在容器 div 中并设置这些 css 属性

    body
    {
        text-align: center; //for ie 6
    
    }
    #main_wrapper
    {
        text-align: left;
        width: 1000px; //any width you want
        margin: 0 auto;
    
    }
    

    这里的主要包装器是包含所有内容的 div

    【讨论】:

      【解决方案3】:

      将此添加到您的包装器中:

      margin-left:auto;
      margin-right:auto;
      

      【讨论】:

        【解决方案4】:

        使用这个 css 对齐到中心:

        <style>
          #your_div_id {margin:0px auto;}
        </style>
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2020-03-25
          • 1970-01-01
          • 2012-05-08
          • 2019-05-01
          • 2023-03-20
          • 1970-01-01
          • 2015-01-17
          • 1970-01-01
          相关资源
          最近更新 更多