目前是用flex做的这样的布局，主轴是水平的，换行
怎么实现如下效果
flex盒子如何在交叉轴上贴紧上一个子元素
怎么实现如下效果
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
长银的笔记本 2024-10-04 22:00关注这个和瀑布流很类似，推荐相关资料
https://blog.csdn.net/Hunt_bo/article/details/89044482解决 无用评论 打赏举报 分享
- 2024-12-27 12:09听海边涛声的博客 将align-items属性用于flex布局：控制子元素在交叉轴上的对齐方式（单行）
- 2020-12-20 15:58weixin_39573981的博客 Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。任何一个容器都可以指定...}一：有六个属性设置在box父容器上，...
- 2022-11-02 22:39zxf318的博客 一个父盒子让其三个子盒子在交叉轴等间距分不用margin和padding
- 2023-05-17 16:27harglo的博客 Flex布局是CSS3新增的一种布局方式，它采用“弹性盒子”模型来布局，可以在不同的屏幕尺寸和设备上自适应地调整布局。
- 2024-09-06 16:03一条晒干的咸魚的博客 弹性盒子是一种一维布局方法，用于根据行或列排列元素。元素可以扩展以填补多余的空间，或者缩小以适应较小的空间，为容器中的子元素提供灵活的且一致的布局方式。
- 2025-05-12 09:14马青墩的博客 就目前来看 flex 布局比 grid 布局应用得更多，虽然 grid 是终极手段，但由于兼容性问题，反而是 flex 应用更广泛。虽然 flex 规范出现的时间较早，但由于 CSS 版本不停迭代，目前也有一些较新的属性值，如果要求...
- 2024-01-15 07:03程序员晓凡的博客 通过flex布局，一个后端程序员也能轻轻松松完成各种布局，因为它简单、方便上手快
- 2025-11-12 16:25CSS弹性盒子布局，通常称为Flex布局，是一种CSS3中的模块，用于提供更加高效的方式对齐和分配容器内项目之间的空间，即使项目大小未知或是动态变化的。Flex布局的核心在于将容器内的元素排列成灵活的网格，能够适应...
- 2021-04-29 00:21AKA俄语人Лев的博客 主要的属性有： (主要分两部分讲， 一部分讲 设置在父元素上的属性，一部分讲 设置在子元素上的属性， 还有最后一些简单的应用) flex flex-grow flex-shrink (真实计算公式) flex-basis flex-direction flex-wrap ...
- 2025-05-29 21:41爱吃巧克力的鱼_的博客 能灵活处理容器内子元素的布局，尤其是在容器尺寸和子元素数量和尺寸都不确定的情况下(比如电商网站增加新的商品展示)，但是...align-items属性的五种取值，控制项目在交叉轴上的对齐方式。定义，交叉轴垂直于主轴。
- 没有解决我的问题, 去提问
问题事件
创建了问题
10月2日