📜  Blaze UI 对齐居中文本(1)

📅  最后修改于: 2023-12-03 15:13:39.843000             🧑  作者: Mango

Blaze UI 对齐居中文本

Blaze UI是一个开源的CSS框架,旨在帮助开发人员快速构建现代的、美观的网站和应用程序。其中之一的特性是文本对齐居中。

对齐居中文本

想要使文本水平和垂直都居中,可以使用以下类名:

<div class="flex items-center justify-center">
  <p>这是居中文本</p>
</div>
  • flex :设置弹性布局。
  • items-center :将子元素垂直居中。
  • justify-center :将子元素水平居中。
示例

下面是一个将文本对齐居中的示例:

<!DOCTYPE html>
<html>
<head>
  <title>Blaze UI居中文本示例</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/blaze@1.8.1/blaze.min.css">
</head>
<body>
  <div class="flex items-center justify-center">
    <p>这是居中文本</p>
  </div>
</body>
</html>
结论

使用Blaze UI框架可以轻松地使文本对齐居中,无论是水平还是垂直。这可大大提高开发效率和网站质量。