本文目錄導(dǎo)讀：

1. 水平居中
2. 垂直居中

CSS樣式居中代碼怎么寫？

CSS樣式居中是一個常見的問題，通常涉及到水平居中和垂直居中，下面是一些實現(xiàn)方法：

水平居中

在CSS中，可以使用text-align屬性來實現(xiàn)文本的水平居中。

div {
  text-align: center;
}

這將使div元素中的文本水平居中。

垂直居中

垂直居中稍微復(fù)雜一些，因為CSS沒有直接的屬性來實現(xiàn)垂直居中，不過，可以通過一些技巧來實現(xiàn)，一個常見的方法是使用flexbox布局。

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

這將使div元素中的內(nèi)容在水平和垂直方向上都居中。

另一種方法是使用CSS Grid布局：

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

同樣地，這將使div元素中的內(nèi)容在水平和垂直方向上都居中。

需要注意的是，這些方法可能在不同瀏覽器中的支持程度不同，在使用之前，***好先測試一下兼容性。