CSS如何使用Auto设置margin-top

Question

我可以将元素水平居中并使用auto并将margin-top或bottom设置为固定大小？

以下似乎对我有用：

.class {
margin: auto;
margin-top: 100px;
}

Answer 1

要将固定边距值设置为顶部或底部参数，可以使用以下格式：

.class { 
    margin: 100px auto 100px auto;
}

以上是将顶部设置为100px，然后将右侧设置为auto，然后将底部设置为100px，然后将其设置为auto。

Answer 2

它比上一个答案更简单：你可以写

.class { 
    margin: 100px auto;
}

或（如果您需要margin-bottom为0）

.class { 
    margin: 100px auto 0;
}

如果只有两个值，则表示顶部+底部和右侧+左侧边距的短代码。如果有三个值，则它是顶部 - 右侧+左侧 - 底部。