分隔线

分隔线

分割线用于管理和分隔列表和页面布局中的内容，以便让内容生成更好的视觉效果及空间感。

分隔线使用纯 CSS 编写，只需编写 HTML 代码即可生效。

样式

等屏宽分隔线会占据 100% 的宽度。可以使用的类名包括：

Example

<div class="mdui-divider"></div>

内凹分隔线距离左侧有 72px 的距离，经常用在有头像或图标的列表中。可以使用的类名包括：

Example

<div class="mdui-divider-inset"></div>

类名	效果
`.mdui-divider`	定义分隔线。在默认主题下为深色，在深色主题下为浅色。
`.mdui-divider-light`	定义浅色的分隔线，用于深色背景。
`.mdui-divider-dark`	定义深色的分隔线，用于浅色背景。
`.mdui-divider-inset`	定义内凹分隔线。在默认主题下为深色，在深色主题下为浅色。
`.mdui-divider-inset-light`	定义浅色的内凹分隔线，用于深色背景。
`.mdui-divider-inset-dark`	定义深色的内凹分隔线，用于浅色背景。