一个可以让文字居于分割线之间的前端代码

zhuanbike 2019-11-25 2548

在网页列表结尾经常会用到让文字居于分割线之间,这里分享代码:

效果:

    底部文字提示  
//代码如下

<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>
最新回复 (0)
发新帖