1、什么是margin auto

margin auto是CSS中的一种属性，它可以让元素自动在水平和垂直方向上居中。它可以让元素在页面上居中，也可以让元素在其他元素中居中。它的使用很简单，只需要在元素的margin属性中设置auto值即可。

2、margin auto实现垂直居中的原理

margin auto实现垂直居中的原理是，它会自动计算上下margin的值，使元素在父元素中垂直居中。具体的原理是，margin auto会自动计算上下margin的值，使元素的高度与父元素的高度相等，从而实现垂直居中。例如：

div{2  width: 100px;3  height: 200px;4  margin: 0 auto;5}

上面的代码中，div元素的宽度为100px，高度为200px，margin设置为0 auto，这样div元素就会在父元素中垂直居中。

3、margin auto的优点

margin auto的优点在于它可以自动计算元素的margin值，使元素在父元素中垂直居中，而不需要计算具体的margin值。另外，它还可以使元素在页面上居中，方便快捷。