第六十二:flex布局踩过的坑

flex布局好久不用了,今天踩过的坑记载一下:

display:flex,加上了justify-content: space-between;导致上边三个平分了但是下边两个在两边,如下图:在这里插入图片描述
其实最简单的方法就是去掉justify-content: space-between,一行想展示几个直接width:33.3%,因为我一行想展示3个,所以定义33.3%

在这里插入图片描述

相关推荐

  1. kotlin gradle

    2024-04-08 08:40:02       10 阅读
  2. Ubuntu:那些年?注意事项分享

    2024-04-08 08:40:02       41 阅读
  3. docker+selenium+firefox | 我

    2024-04-08 08:40:02       35 阅读
  4. 使用 Ant Design Vue那些

    2024-04-08 08:40:02       16 阅读
  5. flex布局学习笔记

    2024-04-08 08:40:02       15 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-08 08:40:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-08 08:40:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-08 08:40:02       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-08 08:40:02       20 阅读

热门阅读

  1. git使用

    git使用

    2024-04-08 08:40:02      11 阅读
  2. Linux USB host driver 枚举前的源码分析

    2024-04-08 08:40:02       13 阅读
  3. 【Android】一文总结Android的init语言

    2024-04-08 08:40:02       12 阅读
  4. QWebApp http服务器笔记

    2024-04-08 08:40:02       11 阅读
  5. HashMap底层源码面试题

    2024-04-08 08:40:02       14 阅读
  6. 升级到springdoc的Swagger3

    2024-04-08 08:40:02       13 阅读