CSS 塊屬性是一種用于控制 HTML 元素布局的屬性，可以將元素分為多個塊級元素，并設置它們的相對位置。居中顯示是塊屬性的一個常見應用，可以使用塊屬性將元素設置為固定寬度和高度，并使其在水平和垂直方向上居中顯示。

在 CSS 中，使用塊屬性可以將元素分為多個塊級元素，例如：

<div class="container">

<div class="row">

<div class="col-md-4 col-sm-4">

這是一個 4 行 4 列的元素。

</div>

<div class="col-md-4 col-sm-4">

這是一個 4 行 4 列的元素。

</div>

<div class="col-md-4 col-sm-4">

這是一個 4 行 4 列的元素。

</div>

</div>

</div>

在這個例子中，`<div>` 元素被分為四個塊級元素，每個元素都被設置為 `col-md-4`、`col-sm-4` 和 `col-md-4`。這些元素都使用了相同的寬度和高度，因此它們將在同一行中居中顯示。

除了使用 `.container` 類名來設置元素的絕對位置外，還可以使用 `.center` 類名來將元素居中顯示。這將把元素的寬度和高度設置為 `100%`，并將其放置在水平和垂直方向上的中心位置。例如：

.center {

width: 100%;

height: 100%;

display: flex;

justify-content: center;

align-items: center;

在這個例子中，`.center` 元素將包含所有四個塊級元素，并將它們居中顯示。

總之，使用 CSS 塊屬性可以很容易地將元素居中顯示。只需將元素的類名設置為 `.container`，并在需要居中顯示的元素上使用 `.center` 類名即可。