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">