跳转到主要内容

文档

分隔线

创建分隔线以分隔内容并为其应用不同的样式。

用法

您可以使用简单的 <hr> 元素来表示页面上不同内容部分的分隔。分隔线组件允许您向这些分隔线添加不同的样式。


分隔线图标

.uk-divider-icon 类添加到 <hr><div> 元素,以创建带有装饰(如图标)的分隔线。


<hr class="uk-divider-icon">

小分隔线

.uk-divider-small 类添加到 <hr><div> 元素,以创建较小的分隔线。


<hr class="uk-divider-small">

垂直分隔线

.uk-divider-vertical 类添加到 <hr><div> 元素,以创建垂直分隔线。


<hr class="uk-divider-vertical">