美文网首页
使用外边距让设计居中

使用外边距让设计居中

作者: 陆lmj | 来源:发表于2017-09-05 20:24 被阅读0次

    假设有一个布局,希望让其中的容器div在屏幕上水平居中,则只需要定义div的宽度,然后将水平外边距设置为auto

    <body>
        <div class="wrapper"> </div>
    </body>
    .wrapper{
        width:920px;
        margin:0 auto;
    }
    

    注意:上述方法在现代浏览器中都是有效的,但是,混杂模式中的IE 5.x和IE 6不支持margin:auto声明,但IE将text-align:center误解为让所有东西居中,而不只是文本,可以利用这一点,具体方法是让主体标签中的所有东西居中,包括容器div,然后让容器的内容重新向左对齐

    body{
        text-align:center;
    }
    .wrapper{
        width:920px;
        margin:0 auto;
        text-align:left;
    }
    

    相关文章

      网友评论

          本文标题:使用外边距让设计居中

          本文链接:https://www.haomeiwen.com/subject/jzspjxtx.html