CSS 塊級(jí)元素水平居中是一種常用的CSS樣式，可以讓塊級(jí)元素水平居中。使用這種樣式，可以通過(guò)在塊級(jí)元素的父元素中設(shè)置居中的樣式，從而實(shí)現(xiàn)水平居中的效果。

下面是一個(gè)使用 CSS 塊級(jí)元素水平居中的簡(jiǎn)單示例：

```html

<div class="parent">

<div class="child"></div>

</div>

```css

.parent {

position: relative;

.child {

position: absolute;

top: 50%;

transform: translateY(-50%);

在這個(gè)示例中，`.parent` 元素被設(shè)置為相對(duì)定位，`.child` 元素被設(shè)置為絕對(duì)定位，并且父元素 `.parent` 元素被設(shè)置為水平居中的樣式。在 CSS 中，`top: 50%;` 和 `transform: translateY(-50%);` 這兩個(gè)屬性可以實(shí)現(xiàn)水平居中的效果。其中，`top` 屬性設(shè)置元素在水平方向上的居中位置，而 `transform: translateY(-50%);` 屬性將元素的水平位置向下移動(dòng) 50%。

除了使用絕對(duì)定位外，還可以使用 `position: relative;` 和 `position: absolute;` 屬性來(lái)實(shí)現(xiàn)水平居中。使用這兩種屬性的區(qū)別在于，`position: relative;` 屬性會(huì)使元素相對(duì)定位，而 `position: absolute;` 屬性會(huì)使元素絕對(duì)定位。在這個(gè)示例中，`.parent` 元素被設(shè)置為相對(duì)定位，`.child` 元素被設(shè)置為絕對(duì)定位，并且父元素 `.parent` 元素被設(shè)置為相對(duì)定位，這樣，`.child` 元素就會(huì)在父元素中居中。

使用 CSS 塊級(jí)元素水平居中可以方便地排列大量的塊級(jí)元素，并且可以讓代碼更加簡(jiǎn)潔和易于維護(hù)。