小程序中间有字的分隔线
代码如下:
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; }