自适应文字分割

这个方法主要是利用了flex-box中自动撑满空间的特性，以及align-items:center。优点是代码简洁优雅，缺点是兼容性稍差。

<div class="title">
    <div class="line"></div>
    <div class="text">自适应标题</div>
    <div class="line"></div>
</div>

.title{
    display: flex;
    flex-direction: row;
    align-items: center; /*垂直居中*/
    width:100%;
}
.line{
    flex:1; /*自动撑满剩余空间*/
    border-top: 1px solid #353535; /*使用border制作横线*/
}
.text{
    font-size: 16px;
    margin:0 10px;
    color:#353535;
}