跳至主要内容

文档

分隔线

创建分隔线来分割内容并在其上应用不同的样式。

用法

可以使用简单的<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">