bk-vue-cec/lib/ui/divider.css

一个为运维业务场景而生，好看易用的Vue2原创组件库，由T-inside Design进行托管社区化运作

.bk-divider{
    position:relative
}

.bk-divider-horizontal{
    display:block;
    width:100%;
    height:0;
    margin:1em 0;
    border-bottom:1px solid #dcdee5;
}

.bk-divider-vertical{
    display:inline-block;
    width:0;
    height:1em;
    margin:0 8px;
    vertical-align:middle;
    border-right:1px solid #dcdee5;
}

.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-info-left{
        left:2em;
    }

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

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