分隔線

分割線用于管理和分隔列表和頁面布局中的內(nèi)容，以便讓內(nèi)容生成更好的視覺效果及空間感。

調(diào)用方式

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

色彩

• 深色分隔線，用于淺色背景
  
• 淺色分隔線，用于深色背景
  
• 自動(dòng)調(diào)整顏色的分隔線，會(huì)根據(jù)頁面主題自動(dòng)調(diào)整為深色或淺色
  

相關(guān)閱讀

Material Design 分隔線設(shè)計(jì)規(guī)范

樣式

等屏寬分隔線

等屏寬分隔線會(huì)占據(jù) 100% 的寬度。可以使用的類名包括：

• mdui-divider：在默認(rèn)主題下為深色，在深色主題下為淺色。
  
• mdui-divider-light：淺色的分割線，用在深色背景上。
  
• mdui-divider-dark：深色的分割線，用在淺色背景上。
  

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

內(nèi)凹分隔線

內(nèi)凹分隔線距離左側(cè)有 72px 的距離，經(jīng)常用在有頭像或圖標(biāo)的列表中。可以使用的類名包括：

• mdui-divider-inset：在默認(rèn)主題下為深色，在深色主題下為淺色。
  
• mdui-divider-inset-light：淺色的分割線，用在深色背景上。
  
• mdui-divider-inset-dark：深色的分割線，用在淺色背景上。
  

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

CSS 類名列表