使用方式

<link rel="stylesheet" href="/components/style/divider.css" type="text/css" />

基本用法

<span>第一行</span>
<div class="st_divider st_divider_horizontal"></div>
<span>第二行</span>

设置文案

<span>第一行</span>
<div class="st_divider st_divider_horizontal">
  <div class="st_divider_text is-left">左侧文案</div>
</div>
<span>第二行</span>
<div class="st_divider st_divider_horizontal">
  <div class="st_divider_text is-center">
    <i class="stIconFont icon-xiaoxitixing"></i>
  </div>
</div>
<span>第三行</span>
<div class="st_divider st_divider_horizontal">
  <div class="st_divider_text is-right">右侧文案</div>
</div>
<span>第四行</span>

垂直分割

<span>第一列</span>
<div class="st_divider st_divider_vertical"></div>
<span>第二列</span>
<div class="st_divider st_divider_vertical"></div>
<span>第三列</span>