这是一个创建于 497 天前的主题，其中的信息可能已经有所发展或是发生改变。
 | 1 andyskaura OP  |
 | 2 liuhuihao 2024-05-30 16:41:06 +08:00 用 float ，别用 flex |
 | 3 dongtingyue 2024-05-30 16:44:57 +08:00 1 和 2 是同一行。。。。 |
 | 4 EJW 2024-05-30 16:46:42 +08:00 2 和 3 写在一个 div 里？ |
 | 5 iOCZS 2024-05-30 16:46:47 +08:00 flex 不支持瀑布流 |
 | 6 Drool 2024-05-30 16:47:19 +08:00 感觉 grid 更方便 |
 | 7 codehz 2024-05-30 16:49:42 +08:00 首先 grid layout 也支持 order... |
 | 8 MRG0 2024-05-30 16:50:13 +08:00 我正在做这个玩意，flex 无解，高度较小的 div 会独占那个空间，不能往下在塞东西，要么 grid ，要么 Vue Grid Layout |
 | 9 superedlimited 2024-05-30 16:53:39 +08:00 via Android |
| 10 codehz 2024-05-30 16:58:59 +08:00 <div class="container"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item">4</div> <div class="item">5</div> <div class="item">6</div> </div> 你这种布局用 grid 几秒搞定 .container { display: grid; gap: 5px; grid-template-columns: 1fr 1fr; } .item:first-child { grid-row: 1 / span 2; } .item { box-shadow: 0 0 0 1px black; } order 也可以改顺序，不过这时候就不能用 first-child 来选择了，你需要自己在 order 为 1 的时候设置 grid row 的属性 |
| 11 andyskaura OP |
 | 12 Al0rid4l 2024-05-31 00:31:34 +08:00 flex 是一维的, 要么 float 要么 grid |
 | 13 jaminq 2024-07-04 07:56:16 +08:00 via iPhone flex 只有一根轴，grid 两根 |
Select Language