css flex方法標題左右兩邊平衡線
阿新 • • 發佈：2018-12-10
<html>
<div class="title">
<div class="line"></div>
<div class="text">優惠資訊</div>
<div class="line"></div>
</div>
<css>
.detail-main .title{
display: flex;
width: 80%;
margin: 30px auto 24px auto;
}
.detail-main .title .line{
flex: 1;
position: relative;
top: -6px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.detail-main .title .text{
padding: 0 12px;
font-size: 14px;
}