1、当要内容居中,且内容可以向左右扩的时候,可以考虑弹性盒子布局。
以上不管左右内容(b和c)怎么变,整体(a)都会居中,其原理就是用的弹性盒子布局。
html代码:
<div class="a">
<div class="b">¥5</div>
<div class="c">满9元可用</div>
</div>
css代码:
.a{
display: flex;
position: absolute;
height: 400px;
left: 50%;
transform: translateX(-50%);
background: red;
}