CSS居中hr是一個(gè)常用的HR樣式，可以在水平和垂直方向上居中一個(gè)HTML文檔中的單元格。

在CSS中，我們可以使用`居中`屬性來(lái)設(shè)置HR樣式。這個(gè)屬性可以設(shè)置HR單元格的居中位置，其中值可以是水平居中、垂直居中、水平和垂直居中和水平垂直居中的混合。

下面是一個(gè)示例代碼，演示了如何使用CSS居中hr樣式：

```html

<hr class="居中">

在上面的代碼中，我們使用了`居中`屬性，并將其設(shè)置為100%。這個(gè)屬性的值越大，HR單元格越居中，但可能會(huì)導(dǎo)致頁(yè)面布局混亂。因此，我們通常只設(shè)置一個(gè)較小的值，以確保HR單元格居中。

除了使用`居中`屬性外，我們還可以使用其他CSS屬性來(lái)居中HR單元格，例如`position: absolute`和`top: 50%`。使用這些屬性時(shí)，需要確保HR單元格的父元素具有`position: relative`屬性，以便使其居中。

下面是一個(gè)使用`position: absolute`和`top: 50%`來(lái)居中HR樣式的示例代碼：

```html

<div class="parent">

<hr class="居中">

</div>

在上面的代碼中，`parent`元素是HR單元格的父元素，并使用了`position: relative`屬性來(lái)使其居中。

總的來(lái)說(shuō)，居中HR樣式是一個(gè)簡(jiǎn)單而有用的功能，可以在CSS中輕松地將HTML文檔中的單元格居中。