中间有文字的分割线效果

<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;}
.with_lineTitle .line{height: 1px;background-color: red;width: 100px;}
.with_lineTitle .Tbox{padding: 0px 10px;}

</style>

转载于:https://www.cnblogs.com/yuyedaocao/p/flex.html