CSS中的margin屬性可以用來設置元素的外邊距，而其中一個特殊的值是“auto”。這個值可以自動計算元素的外邊距，讓元素水平居中或者垂直居中。

如果想要讓元素在水平方向上居中，可以將元素的左右外邊距都設為“auto”：

.element {
margin-left: auto;
margin-right: auto;
}

這樣設置后，元素的左右外邊距就會自動擴展，使得元素在父元素的水平中心位置上居中。

如果想要讓元素在垂直方向上居中，可以將元素的上下外邊距都設為“auto”，并且給父元素一個固定的高度：

.parent {
height: 300px;
display: flex;
justify-content: center;
align-items: center;
}
.element {
margin-top: auto;
margin-bottom: auto;
}

這里使用了flex布局來讓父元素和子元素都垂直居中。其中，父元素的justify-content屬性設置成了“center”，讓子元素水平居中；align-items屬性設置成了“center”，讓子元素垂直居中。

總結來說，當想要讓一個元素在水平或垂直方向上居中時，可以使用margin的auto屬性值來實現自動計算外邊距，同時結合其他的布局方式來實現水平或垂直居中。