具有最高保证金的CSS保证金自动中心 - 有效？

Question

这个有效的CSS是以div为中心还是应用上边距？

div {
     margin: 0 auto;
     margin-top: 30px;
     }

Answer 1

使用以下命令指定边距:

div { margin: 30px auto 0; }

这是简写​​:

div { margin : 30px auto 0 auto; } /* margin: [top] [right] [bottom] [left]; */

这是简写​​:

div {
    margin-top: 30px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

现在你知道了margins和/或padding可以指定的不同方式; 这是你的选择.

至于一个优先权,后一个定义将适用; 如规范中所定义.

要查找元素/属性组合的值,用户代理必须应用以下排序顺序:

1. 查找适用于目标媒体类型的相关元素和属性的所有声明.如果关联的选择器与相关元素匹配,则声明适用.
2. 声明的主要类型是按权重和来源:对于正常声明,作者样式表覆盖覆盖默认样式表的用户样式表.对于"!important"声明,用户样式表会覆盖覆盖默认样式表的作者样式表."!important"声明覆盖正常声明.导入的样式表与导入它的样式表具有相同的原点.
3. 次要排序是选择器的特异性:更具体的选择器将覆盖更一般的选择器.伪元素和伪类分别被计为普通元素和类.
4. 最后,按指定顺序排序:如果两个规则具有相同的权重,来源和特异性,则后者指定获胜.导入样式表中的规则被认为是样式表本身中的任何规则之前的规则.

除了个别声明的"!important"设置外,此策略还为作者的样式表提供了比阅读器更高的权重.因此,重要的是用户代理使用户能够例如通过下拉菜单关闭某个样式表的影响.

正如其他人所提到的,你可能需要指定一个固定的宽度才能看到你的div中心...

Answer 2

是的,但是关于div的居中,你也想要申请width它.

Answer 3

是.他们是对的:

div { width: 90%; margin : 30px auto 0 auto; }

我通常使用90%的宽度作为一个很好的起点.