div+css处理firefox与IE6的水平居中效果

最新推荐文章于 2018-11-09 05:12:29 发布

胡争辉

最新推荐文章于 2018-11-09 05:12:29 发布

阅读量3.1k

点赞数

分类专栏： div+css 文章标签： div firefox css ie border 浏览器

本文为博主（@胡争辉）原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/hu_zhenghui/article/details/1790590

版权

div+css 专栏收录该内容

46 篇文章 0 订阅

订阅专栏

div+css处理firefox与IE6的水平居中效果

[示例代码]

<html>
    <body>
        <div style="text-align: center;">
            <div style="text-align: left; border: 1px red solid; width: 300px;">
                div水平对齐, IE6 only
            </div>
        </div>
        <div style="border: 1px red solid; width: 300px; margin-left: auto; margin-right: auto;">
            div水平对齐, firefox only
        </div>
        <div style="text-align: center;">
            <div style="text-align: left; border: 1px red solid; width: 300px; margin-left: auto; margin-right: auto;">
                div水平对齐, firefox IE6兼容
            </div>
        </div>
    </body>
</html>