FlexBox弹性盒多行容器

<div class="container">
        <div class="item">1</div>
        <div class="item">2</div>
        <div class="item">3</div>
        <div class="item">4</div>
        <div class="item">5</div>
    </div>

<style>
        .container{
            width: 300px;
            /* 弹性容器 */
            display: flex;
        }
        .container > .item{
            width: 120px;
        }
        /* 换行显示 */
        /* 在必要的时候拆行或拆列。 */
        .container{
            flex-wrap: wrap;
        }
    </style>