等屏宽分隔线
等屏宽分隔线会占据 100% 的宽度。可以使用的类名包括:
mdui-divider
:在默认主题下为深色,在深色主题下为浅色。
mdui-divider-light
:浅色的分割线,用在深色背景上。
mdui-divider-dark
:深色的分割线,用在浅色背景上。
Example
<div class="mdui-divider"></div>
内凹分隔线
内凹分隔线距离左侧有 72px 的距离,经常用在有头像或图标的列表中。可以使用的类名包括:
mdui-divider-inset
:在默认主题下为深色,在深色主题下为浅色。
mdui-divider-inset-light
:浅色的分割线,用在深色背景上。
mdui-divider-inset-dark
:深色的分割线,用在浅色背景上。
Example
<div class="mdui-divider-inset"></div>
CSS 类名列表
类名 |
效果 |
.mdui-divider |
定义分隔线。在默认主题下为深色,在深色主题下为浅色。 |
.mdui-divider-light |
定义浅色的分隔线,用于深色背景。 |
.mdui-divider-dark |
定义深色的分隔线,用于浅色背景。 |
.mdui-divider-inset |
定义内凹分隔线。在默认主题下为深色,在深色主题下为浅色。 |
.mdui-divider-inset-light |
定义浅色的内凹分隔线,用于深色背景。 |
.mdui-divider-inset-dark |
定义深色的内凹分隔线,用于浅色背景。 |