自适应 ——居中—— css实现的方法（flex）
2019-01-16 本文已影响0人
一条正在翻身的咸鱼
.title{
display:flex;
width:80%;
margin:0 auto;
}
.title .line{
flex:1;position:relative;
top:-11px;
border-bottom: 2px solid #000;
}
.title .text{
padding:0 12px;
font-size: 20px;
} <body>
<div class="title">
<div class="line"></div>
<div class="text">居中</div>
<div class="line"></div>
</div>
