小程序中间有字的分隔线

发布时间:2020-07-17 11:12:34 作者:woymk
来源:网络 阅读:2504

代码如下:


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



推荐阅读:
  1. 小程序有哪些分销的功能
  2. 小程序的关键字如何设置

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

小程序 分隔线 中间

上一篇:浅谈C#中静态方法和实例化方法

下一篇:详解c# 枚举

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》