用flex布局来写经典案例1

2019-06-16 本文已影响0人阿克兰

如图

d.png

代码如下

<div class="t_title">
     <div class="line"></div>
     <div class="text">优惠信息</div>
     <div class="line"></div>
</div>

scss

 .t_title{
       width: 80%;
       display: flex;
       margin: 30px auto 24px auto;
             .line{
                    flex:1;
                    position: relative;
                    top: -6px;
                    border-bottom: 1px solid rgba(255,255,255,0.2)
                   }
             .text{
                 padding: 0 12px;
                 font-size: 14px
                    }
                }