【问题标题】:Is there any difference between "margin: 0 auto;" and "margin: auto;"“margin: 0 auto;”之间有什么区别吗?和“边距:自动;”
【发布时间】:2012-01-08 21:16:53
【问题描述】:

当我们希望页面的主容器居中对齐时,我们通常使用"margin: 0 auto;",但是当我使用"margin:auto;" 时,在我拥有的某些浏览器(Google Chrome、Firefox)中的行为是相同的。

【问题讨论】:

    标签: css cross-browser


    【解决方案1】:

    是的。

    margin: 0 auto;
    

    设置元素的左右边距为auto,上下边距为0

    margin: auto;
    

    所有边距设置为auto。由于 <body> 的高度为 100%,您可能会得到相同的行为,因此垂直的 auto 边距无效。

    【讨论】:

    • 主体高度(通常是自动的,而不是 100%)对自动垂直边距的计算方式没有影响。该规范只是将自动垂直边距定义为始终在流入块框上为零。因此,对于流入块框,问题的答案不是肯定的,而是否定的——margin: 0 auto 和 margin: auto 之间没有区别。答案只是在另一种特定情况下是肯定的:绝对定位的元素。
    猜你喜欢
    • 1970-01-01
    • 2016-07-02
    • 2020-07-31
    • 1970-01-01
    • 2011-03-11
    • 2011-01-24
    • 2014-08-30
    • 1970-01-01
    • 2020-05-11
    相关资源
    最近更新 更多