flex布局实现div内容垂直居中

2022-10-17  本文已影响0人  十一点后不在线
<div class="flex">
    <div>
       <p>公司名称</p>
       <p>2021.9.15</p>
    </div>
</div>
.flex{
    /*flex 布局*/
    display: flex;
    /*实现垂直居中*/
    align-items: center;
    /*实现水平居中*/
    justify-content: center;
    text-align: justify;
}
上一篇 下一篇

猜你喜欢

热点阅读