创建分隔符以分隔内容并对分割线应用不同的样式。
您可以使用一个简单的 <hr> 元素来分隔页面上的不同内容部分。Divider组件 允许您向这些分隔线添加不同的样式。
将 .uk-divider-icon class添加到 <hr> 或 <div> 元素中，以创建带有修饰样式的分隔符（例如图标）。
将 .uk-divider-small class 添加到 <hr> 或 <div> 元素创建较小的分隔符。
添加 .uk-divider-vertical class 到 <hr> 或 <div> 元素创建垂直分隔符。
上一篇： Description-list
下一篇： Dotnav
# 分割线／Divider <p class="uk-text-lead">创建分隔符以分隔内容并对分割线应用不同的样式。</p> ## Usage-用法 您可以使用一个简单的 `<hr>` 元素来分隔页面上的不同内容部分。Divider组件 允许您向这些分隔线添加不同的样式。 *** ## Divider icon-分隔线图标 将 `.uk-divider-icon` class添加到 `<hr>` 或 `<div>` 元素中，以创建带有修饰样式的分隔符（例如图标）。 ```example <hr class="uk-divider-icon"> ``` *** ## Divider small-小的分隔线 将 `.uk-divider-small` class 添加到 `<hr>` 或 `<div>` 元素创建较小的分隔符。 ```example <hr class="uk-divider-small"> ``` *** ## Divider vertical-垂直分隔线 添加 `.uk-divider-vertical` class 到 `<hr>` 或 `<div>` 元素创建垂直分隔符。 ```example <hr class="uk-divider-vertical"> ```
