本文主要是介绍小标题自适应经典flex布局实现,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
html代码:
<div class="title-wrapper"><div class="line"></div><div class="text">优惠信息</div><div class="line"></div></div>
css代码:
.title-wrapperdisplay: flexwidth: 80%margin: 28px auto 24px auto.lineflex: 1position: relativetop: -6pxborder-bottom: 1px solid rgba(255, 255, 255, 0.2).textmargin: 0 12px 0 12pxfont-size: 14pxfont-weight: 700
这篇关于小标题自适应经典flex布局实现的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!