CSS - margin:auto 为什么只能实现水平居中，不能实现垂直居中

我们在学习margin时，可能会有这么一个疑问，为什么margin:auto只能实现水平居中，而不能实现垂直居中？

原因是：

auto的作用为：自动填充剩余空间

块级元素在水平方向自动填充一整行，而在垂直方向上不会自动填充

所以给块级元素设置margin:auto时，块级元素在水平方向上，左右的margin平分剩余空间，在垂直方向上，没有剩余空间可平分，所以呈现只有水平居中的效果。