原子化引擎 unocss div 垂直居中

在 unocss 中，要将 `<div>` 元素垂直居中，可以使用以下类名和样式：

1. 类名：`flex items-center`：使用 `flex` 类名使元素变为弹性容器，然后使用 `items-center` 类名将其内容垂直居中。

2. 类名：`my-auto`：使用 `my-auto` 类名可以将元素的上下外边距设置为 "auto"，从而实现垂直居中。

您可以根据您的需求选择其中一种方式来实现垂直居中效果。同时，unocss 还提供了其他用于布局和对齐的类名，您可以根据具体情况进行选择和组合。

相关问题

原子化引擎 unocss div 水平居中

在 unocss 中，要将 `<div>` 元素水平居中，可以使用以下类名和样式：

1. 类名：`flex justify-center`：使用 `flex` 类名使元素变为弹性容器，然后使用 `justify-center` 类名将其内容水平居中。

2. 类名：`mx-auto`：使用 `mx-auto` 类名可以将元素的左右外边距设置为 "auto"，从而实现水平居中。

您可以根据您的需求选择其中一种方式来实现水平居中效果。同时，unocss 还提供了其他用于布局和对齐的类名，您可以根据具体情况进行选择和组合。