菜单

分隔线
分隔线在视觉上将内容分成组

下载

类型

分隔线

标准分隔线

要在网格的各个部分之间添加分隔线,请使用 divided grid 变体。

垂直分隔线

分隔线可以垂直分割内容

垂直分隔线要求您想要包含分隔线的元素具有 position: relative 属性
由于 W3C 对 flex 容器中绝对定位元素 的实现进行了更改,因此垂直分隔线目前仅自动支持 50/50 分割,并且仅在不作为 flex 容器(如网格)的直接子级 定位时。
当垂直分隔线用于 stackable grid 内部时,它会在移动分辨率下自动切换为水平分隔线
登录
注册

水平分隔线

分隔线可以水平分割内容

水平分隔线还可以与 标题图标 结合使用,以创建不同样式的分隔线。
分隔线会自动调整其分割线的尺寸,以匹配文本的长度
搜索
创建新订单

描述

狗狗零食适合一年四季。经证实,全球 99.9% 的狗狗都喜欢吃。

规格

尺寸 1" x 2"
重量 6 盎司
颜色 淡黄色
气味 通常不太明显

变体

反转

分隔线可以反转其颜色

水平

拟合

分隔线可以拟合,没有任何上边距或下边距。

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

隐藏

隐藏分隔线在不创建分割线的情况下分割内容

第一部分

第二部分

部分

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

第一部分

第二部分

清除

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

浮动内容

调光器消息
调光器副标题