CSS居中標簽是一個非常常用的CSS樣式，它可以讓元素在頁面上水平居中、垂直居中、或者同時水平垂直居中。CSS居中標簽的應用非常廣泛，在網頁設計中起到了重要的作用。

// 水平居中
div {
width: 200px;
margin: 0 auto;
}

需要實現水平居中時，我們可以將元素的寬度設置為一個具體的數值，并將左右外邊距設置為自動。這樣，元素就會在其父元素中水平居中。

// 垂直居中
div {
height: 200px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

如果要實現垂直居中，我們需要將元素的高度設置為一個具體的數值，并將其 position 屬性設置為 absolute。然后，通過top屬性設置元素的頂部距離為父元素頂部的50%。最后使用transform屬性的 translateY() 方法將元素向上移動它高度的一半，從而實現垂直居中。

// 水平垂直居中
div {
width: 200px;
height: 200px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

最后，如果要實現水平垂直居中，我們可以將元素的寬度、高度都設置為一個具體的數值，并將其 position 屬性設置為 absolute。接著，通過 top 和 left 屬性都設置為50%，讓元素相對于其父元素的左上角垂直和水平方向居中。然后使用transform屬性的 translate() 方法將元素向上移動其高度的一半，向左移動其寬度的一半，從而實現水平垂直居中。