2021-07-17 flex布局

使用space-between最后一行元素左对齐方法

.card {

        margin: 0 50px 50px;

        ul {

            display: flex;

            flex-wrap: wrap;

            justify-content: space-between;

            li {

                width: 30%;

                background: #f59a23;

                margin-top: 30px;

            }

        }

        ul:after {

            content: "";

            width: 30%;

        }

    }


重点在盒子的伪类设置那里

你可能感兴趣的:(2021-07-17 flex布局)