flex布局问题整理

一、

<div class="block"> 
    <div class="title">aaa</div>
    <div class="point grey">bbb</div>
    <div></div> // 这里div里边没有内容也会占位置,下图中红框的位置就是空div
</div>

<style>
    .block{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }
</style>

 

posted @ 2019-07-10 10:53  seeBetter  阅读(395)  评论(0编辑  收藏  举报