flex弹性盒布局最后一行不满时左对齐的实现思路

最新推荐文章于 2023-11-10 17:27:45 发布

ILove_bugs

最新推荐文章于 2023-11-10 17:27:45 发布

阅读量987

点赞数

分类专栏： css html

本文链接：https://blog.csdn.net/ILove_bugs/article/details/122243218

版权

css html vue.js

css html 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
  </ul>

<style>
        *{
            padding: 0px;
            list-style: none;
        }
        ul{
            width: 1000px;
            height: 800px;
            border: 1px solid #000;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-evenly;
        }
        li{

            width: 300px;
            height: 300px;
            border: 1px solid #456;
        }
        ul::after{
            width: 300px;
            height: 300px;
            content: '';
        }
 </style>