简介
hr 是一个简单易用的NPM包，用于在HTML页面中添加水平线。与手动添加水平线相比，使用 hr 包可以更加高效和规范。
安装
要使用 hr 包，首先需要将其安装到项目中。可以通过以下命令来进行安装：
npm install hr --save
使用方法
在 HTML 中使用
将以下代码添加到HTML文件中，即可在网页上添加一条水平线：
<hr>
在 JavaScript 中使用
如果需要动态地添加水平线，可以使用 document.createElement() 方法创建一个新的水平线元素，并将其添加到文档中。
const hr = document.createElement('hr');
document.body.appendChild(hr);属性
hr 元素支持以下属性：
align: 水平线的对齐方式。可选值包括left,center, 和right。size: 水平线的大小（高度）。默认为 1 像素。width: 水平线的宽度。默认为自适应宽度。
例如，要添加一个左对齐、高度为 5 像素，宽度为 50% 的水平线，可以使用以下代码：
<hr align="left" size="5" width="50%">
示例
以下是一个完整的示例，演示了如何在网页上添加多条水平线，以及如何设置水平线的属性：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
-------------------
-------
------
---------------
--------------
---- --------- ---
----
---------------
---- --------------- - ------ --- ---
--- ------------ -------- ------------
---------------
---- -- ---------- --------- ---
--------
----- -- - -----------------------------
-------- - ---------
------- - ---
------------------------------
---------
-------
-------结论
hr 包是一个简单实用的NPM包，可以帮助前端开发者更加高效地在网页中添加水平线。通过本文提供的使用方法和示例代码，读者可以快速掌握 hr 包的使用技巧，并将其应用到自己的项目中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/44156