UIkit3.x文档

分割线

创建分隔符以分隔内容并对分割线应用不同的样式。

用法

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


分隔线图标

.uk-divider-icon class添加到<hr><div> 元素中,以创建带有修饰样式的分隔符(例如图标)。


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

小的分隔线

.uk-divider-small class 添加到 <hr><div> 元素创建较小的分隔符。


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

垂直分隔线

添加 .uk-divider-vertical class 到 <hr><div> 元素创建垂直分隔符。


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