中间带文字的分割线

wxml:

<view class="line">

  <span>到底啦，我是有底线的</span>

</view>

 

wxss:

.line{

    width: 90%;    /* 分隔线的长度 */

    margin: auto;

    height: 1px;    /* 分隔线粗细 */

    text-align: center;

    font-size: 24rpx;

    color: #aaa;

    background: #ccc;

    margin-top: 5px;

    margin-bottom: 22px;}.line span{

    position: relative;

    top: -8px;

    background: #fff;

    padding: 0px 10px;

}