@cw-devops/bk-magic-vue/lib/ui/divider.css

基于蓝鲸 Magicbox 和 Vue 的前端组件库

.bk-divider{
  position:relative
}

.bk-divider.bk-divider__vertical{
    display:inline-block;
    width:0;
    height:1em;
    margin:0 8px;
    verticalAlign:middle;
  }

.bk-divider.bk-divider__horizontal{
    display:block;
    width:100%;
    height:0;
    margin:1em 0;
    verticalAlign:middle;
  }

.bk-divider .bk-divider-info{
    position:absolute;
    padding:0 1.4em;
    color:#313238;
    top:50%;
    -webkit-transform:translateY(-50%);
            transform:translateY(-50%);
    background-color:#fff;
  }

.bk-divider .bk-divider-info-left{
      left:2em;
    }

.bk-divider .bk-divider-info-center{
      left:50%;
      -webkit-transform:translateX(-50%) translateY(-50%);
              transform:translateX(-50%) translateY(-50%);
    }

.bk-divider .bk-divider-info-right{
      right:2em;
    }