小程序中间有字的分隔线
更新:HHH   时间:2023-1-7


代码如下:


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;
}



返回web开发教程...