分割线
分割线将内容视觉上划分为不同的组。

类型

分割线

标准分割线。

要在网格的不同部分之间添加分割线,请使用 Grid divided 变体。

垂直分割线

分割线可以垂直分割内容。

垂直分割线需要在要包含分割线的元素上设置 position: relative
由于 W3C 对 弹性容器中绝对定位元素的实现发生变化 垂直分割线目前仅支持 50/50 自动分割,并且仅在不作为 **弹性容器的直接子元素** 定位时支持(例如网格)。
当在 stackable Grid 中使用时,垂直分割线会在移动分辨率下自动切换为水平分割线。

水平分割线

分割线可以水平分割内容。

水平分割线还可以与标题和图标结合使用,以创建不同样式的分割线。
分割线会自动调整其分割规则的大小以匹配文本的长度。

变体

反转

分割线的颜色可以反转。

拟合

分割线可以拟合,没有上部或下部空间。

隐藏

隐藏分割线会分割内容,但不会创建分割线。

部分

分割线可以提供更大的边距来分割内容部分。

清除

分割线可以清除其上方的内容。

这是底部