基於 Material Design 3 與 Web Components 的全新 mdui 2 現已發佈，前往查看 mdui 2 開發文件。

分隔線

分隔線用於管理和分隔清單和版面配置中的內容，以便讓內容具有更好的視覺效果和空間感。

分隔線使用純 CSS 編寫，只需編寫 HTML 程式碼即可生效。

樣式

等屏寬分隔線會佔據 100% 的寬度。可以使用的類別名稱包括：

範例

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

內凹分隔線距離左側有 72px 的距離，經常用在有頭像或圖示的清單中。可以使用的類別名稱包括：

範例

<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`	定義深色的內凹分隔線，用於淺色背景。