CSS的居中樣式有多種寫法，具體取決于你的需求，如果你想要將元素水平居中，可以使用margin:auto來自動計算左右兩邊的距離，從而實現(xiàn)居中效果。

div {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

如果你想要將元素垂直居中，可以使用top:50%來將元素移動到距離頁面頂部50%的位置，然后再使用transform:translateY(-50%)來將元素自身向下移動50%，從而實現(xiàn)垂直居中效果。

div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

如果你想要將元素同時水平和垂直居中，可以使用flexbox布局來實現(xiàn)。

div {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

三種方式都可以實現(xiàn)元素的居中效果，具體使用哪種方式取決于你的需求。