小编Art*_*hur的帖子

如何在换行时更改弹性顺序

我想根据屏幕尺寸实现这样渲染的东西:

+---------------------------+
|  A  |       B       |  C  |
+---------------------------+

+---------------+
|   A   |   C   |
|       B       |
+---------------+
Run Code Online (Sandbox Code Playgroud)

如果所有大小都是固定的,我可以使用flex order属性进行管理,但我的C容器的大小不固定,所以我不能使用静态媒体查询.

有没有办法实现这个目标?

编辑:我管理了一个足够好的近似值:在媒体查询中选择所有可能需要换行的屏幕,我order将B容器更改为大容量,同时,我将其设置min-width为100%强制换行.

html css css3 flexbox responsive

13
推荐指数
1
解决办法
3864
查看次数

标签 统计

css ×1

css3 ×1

flexbox ×1

html ×1

responsive ×1