中间有文字的分割线效果

标签：ali   class   inf   img   info   png   display   标题   图片   

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

中间有文字的分割线效果

标签：ali   class   inf   img   info   png   display   标题   图片   

原文地址：https://www.cnblogs.com/yuyedaocao/p/flex.html