在网页列表结尾经常会用到让文字居于分割线之间,这里分享代码:
效果:
底部文字提示
//代码如下
<div class="with_lineTitle">
<span class="line"></span>
<span class="Tbox">底部文字提示</span>
<span class="line"></span>
</div>
<style>
.with_lineTitle{display: flex;align-items: center;justify-content: center;color:#6b6b6b;}
.with_lineTitle .line{height: 1px;background-color:#6b6b6b;width: 80px;}
.with_lineTitle .Tbox{padding: 0px 10px;}
</style>