当我们在进行前端开发的时候，经常会遇到需要对文本进行对齐的情况。这时候，@bolt/utilities-text-align 就是一个非常实用的 npm 包，它可以帮助我们快速地实现文本的对齐功能。
安装
要使用 @bolt/utilities-text-align，我们需要先在项目目录下通过 npm 安装它：
npm install @bolt/utilities-text-align --save
使用方法
安装好 @bolt/utilities-text-align 后，我们就可以在项目中使用它了。这里以左对齐和右对齐为例进行演示。
左对齐
我们可以在 HTML 中使用 .u-textAlign--left 类来实现左对齐的功能：
<div class="u-textAlign--left"> 这是左对齐文本。 </div>
这样，文本就会被左对齐。如果需要对某个容器内的所有文本都实现左对齐，可以在该容器的父元素上使用该类名。
右对齐
同样的，我们可以在 HTML 中使用 .u-textAlign--right 类来实现右对齐的功能：
<div class="u-textAlign--right"> 这是右对齐文本。 </div>
这样，文本就会被右对齐。如果需要对某个容器内的所有文本都实现右对齐，可以在该容器的父元素上使用该类名。
示例代码
下面是一个使用 @bolt/utilities-text-align 实现文本对齐的示例：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------ -------------------------- --------------
----- ---------------- -------------------------------------------------------------------------------
-------
------
---- ------------------
---- --------------------------
------
------
---- ---------------------------
------
------
------
-------
-------在上面的示例代码中，我们先在 head 标签中引入 @bolt/utilities-text-align 的 CSS 文件，然后在 body 中使用 .container 容器来包含左对齐和右对齐的文本。
总结
通过 @bolt/utilities-text-align，我们可以轻松实现文本对齐的功能，减少了开发者的工作量，提高了开发效率。另外，该 npm 包的使用方法也非常简单，只需要在 HTML 中加入相应的类名即可。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaa4eb5cbfe1ea061041b