水平居中，顶部和底部边缘

Question

所以我已经弄清楚如何在div上获得一个上边距，但我也希望得到一个底部边距，我无法弄清楚如何做到这两个并横向居中。

margin: 11em auto;

给我一​​个11em的上边距，并以其余为中心。我如何添加2em margin-bottom？我尝试使用margin-bottom，但它不会覆盖初始保证金规则，我尝试将其设置为：

margin: 11em auto 0 auto 2em auto 0 auto;

那并没有用。

那么在设置顶部和底部边距值时，如何将div水平居中？

Answer 1

在一行中定义边距值时，将解释：

margin: 10px; 

所有边距都有10px。

margin: 10px 20px;

上下边距将为10px。左右边距将为20px。

margin: 10px 20px 30px;

最高保证金将为10px。左右边距将为20px。底部保证金将为30px。

margin: 10px 20px 30px 40px;

最高保证金将为10px。右边距将为20px。底部保证金将为30px。左边距将为40px。

所以，你可以记住：

margin: top right bottom left;

---

你的回答：

margin: 11em auto 2em;

Answer 2

你可以给出2em的第三个参数，如：

margin: 11em auto 2em;

或者，你可以用2em：

覆盖margin-bottom

margin: 11em auto;
margin-bottom: 2em;

Answer 3

试试这个

margin: 11em auto 2em auto;