例如：父盒子的宽度是100，有三个子盒子，宽度分别是40,70,60，常规布局的话，因为第一个和第二个盒子的宽度加起来超过了父盒子的宽度，只能换行展示，会有很多空间浪费，希望实现当后面的盒子和第一个盒子加起来的宽度小于或等于父盒子时展示在一行，从而实现动态的布局，
请问大大们，做过这样的需求吗，或者提供思路参考下，感谢😊
如何实现盒子的动态布局
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
- 2023-03-01 21:32回答 2 已采纳 justify-self 只能用于替换 flex-item 的 justify-content 属性，不能用于替换 flex-container 的 justify-content 属性。要替换 fl
- 2022-10-07 17:27回答 2 已采纳 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &l
- 2022-06-28 17:45回答 4 已采纳 你说得是对的，动手验证一下即可，刚好今天写了一个示例，content 既是容器也是项目 <!DOCTYPE html> <html lang="en"> <head>
- 2020-10-21 15:34本文将详细介绍如何在AngularJS中实现弹性盒子布局。 首先，我们需要了解Flexbox的基本概念。弹性盒子模型允许我们定义容器（父元素）以及其子元素（子项）的行为，以适应不同的屏幕尺寸和设备类型。主要属性包括：...
- 2022-08-10 14:07回答 3 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
- 2021-11-19 11:27回答 4 已采纳 首先，可以用flex进行布局，盒子的宽度用百分比表示；其次，给盒子一个最小宽度，并添加样式overflow:auto，使得达到盒子最小宽度时出现滚动条
- 2022-05-09 11:01回答 1 已采纳 图片丢失，请补一下图片
- 2023-11-03 14:42CSS3 是 CSS（级联样式表）的最新版本，它...弹性盒子布局（Flexbox）：Flexbox 是一种新的布局模型，可以帮助开发者更轻松地创建复杂的布局。它提供了许多新的属性，如 flex-direction、flex-wrap 和 flex-flow 等。
- 2022-05-17 00:17回答 2 已采纳 使中间盒子让出左边盒子的宽度就可以了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF
- 2022-07-14 16:54回答 5 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <
- 2022-03-02 16:09回答 1 已采纳 你这是大屏吧,全屏不就完全展示了吗
- 2022-12-24 12:57• 口•的博客 使用flex-grow(增长)、以及flex-basis(起跑线)或者flex(简写形式)去实现。如何不通过width：33.3333%去实现均分。的情况下使用，其作用是用于分配剩余空间（前提还有剩余的空间）属性，该属性用来设置元素的宽度，...
- 2017-04-19 01:28回答 9 已采纳 个人觉得，都行！但如果您想只做单一的pc端那就问题不大！如果您想做移动端的 那就要像上面所说的那样！百分比，流媒体布局！个人觉得做重要的是 div盒子模型的布局方法！您的网页错乱可能是某些小的div
- 2022-04-03 20:44牛客-前端布局与事件高频考点 前端布局是前端开发中一个非常重要的部分，掌握了前端布局的知识点，对于开发者来说是非常有帮助的。以下是前端布局和事件高频考点的知识点： 一、盒子模型宽度的计算 盒子模型是CSS...
- 2020-11-08 22:44flex弹性盒子布局实例，本次博客实例需要的一些资源，源代码，可自行下载研究，一起进步，共勉，一起加油
- 没有解决我的问题, 去提问
问题事件
创建了问题
8月31日
悬赏问题
- ¥50 如何在不能联网影子模式下的电脑解决usb锁
- ¥20 服务器redhat5.8网络问题
- ¥15 如何利用c++ MFC绘制复杂网络多层图
- ¥20 要做柴油机燃烧室优化 需要保持压缩比不变 请问怎么用AVL fire ESE软件里面的 compensation volume 来使用补偿体积来保持压缩比不变
- ¥15 python螺旋图像
- ¥15 算能的sail库的运用
- ¥15 'Content-Type': 'application/x-www-form-urlencoded' 请教 这种post请求参数，该如何填写？？重点是下面那个冒号啊
- ¥15 找代写python里的jango设计在线书店
- ¥15 请教如何关于Msg文件解析
- ¥200 sqlite3数据库设置用户名和密码