html - 水平居中，顶部和底部边距

Question

所以我想出了如何在 div 上获得顶部边距，但我也想获得底部边距，但我不知道如何同时做到这一点并将其水平居中。

margin: 11em auto;

给我 11em 的顶部边距，并将其余部分居中。我如何添加 2em margin-bottom？我尝试使用 margin-bottom，但它不会覆盖初始的 margin 规则，我试着把它写成这样:

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;