📅  最后修改于: 2023-12-03 15:13:39.843000             🧑  作者: Mango
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框架可以轻松地使文本对齐居中,无论是水平还是垂直。这可大大提高开发效率和网站质量。