弹性盒子元素排列左对齐解决方案

最新推荐文章于 2024-02-02 14:37:49 发布

Jcoll

最新推荐文章于 2024-02-02 14:37:49 发布

阅读量2.2k

点赞数

文章标签： html5 css3 html css

本文链接：https://blog.csdn.net/weixin_47883684/article/details/116378705

版权

方法有多种，但经过实践发现解决的都不完美，通过自己总结，得到一种自己认为理想的解决方案，方法很简单。

通常情况下

在这里插入图片描述

<style>
    .flex-box{
     
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .item{
     
        width: 24%;
        height: 200px;
        background-color: red;
        margin-bottom: 20px;
    }
</style>
<body>
    <div class="flex-box">
        <div class</

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Jcoll

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
弹性盒子元素排列左对齐解决方案

弹性盒子最后一行因子项数量不够，导致的对齐方式不够理想的解决方案方法有多种，但经过实践解决的都不完美，于是通过自己研究，实现了一种目前自己认为最完美的解决方案，方法很简单通常情况下<style> .flex-box{ display: flex; justify-content: space-between; flex-wrap: wrap; } .item{ width: 24%;
复制链接

扫一扫