用于居中对齐的 Blaze UI 实用程序

Blaze UI 提供了一些实用程序，可用于居中对齐元素。以下是一些示例及其用法。

水平居中

使用以下类可将元素水平居中：

<div class="d-flex justify-center"></div>

将要居中的元素放在 <div> 元素中。这个 <div> 元素应该具有 d-flex 和 justify-center 类。d-flex 类可使该元素具有 flexbox 布局，并将其子元素放在其中。justify-center 类将子元素水平居中。

垂直居中

使用以下类可将元素垂直居中：

<div class="d-flex align-center"></div>

将要居中的元素放在 <div> 元素中。这个 <div> 元素应该具有 d-flex 和 align-center 类。d-flex 类可使该元素具有 flexbox 布局，并将其子元素放在其中。align-center 类将子元素垂直居中。

水平和垂直居中

使用以下类可将元素水平和垂直居中：

<div class="d-flex justify-center align-center"></div>

将要居中的元素放在 <div> 元素中。这个 <div> 元素应该具有 d-flex、 justify-center 和 align-center 类。d-flex 类可使该元素具有 flexbox 布局，并将其子元素放在其中。justify-center 类将子元素水平居中。align-center 类将子元素垂直居中。

Blaze UI 实用程序为居中对齐元素提供了简单而强大的解决方案。无论您是想要水平居中、垂直居中还是水平和垂直居中，这些实用程序都能满足您的需求。