如何实现Flex布局下双Div宽屏间距最大化、窄屏自动居中？

云上老周

2026-7-28

解决方案：适配两种状态的弹性布局需求

用CSS Grid可以完美解决这个问题，无需固定子元素宽度，同时满足宽屏两端对齐、窄屏居中的布局要求，完全符合纯CSS、仅使用ID选择器的约束。

相关产品推荐

方舟 Agent Plan

超全模态模型 × Harness 升级，最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分)，限时 9.9 元起

火山引擎最新活动

模型再升级,30秒超长叙事, 模态参考扩容

模型自由，工具不限，最新支持 Deepseek-V4 系列、GLM-5.3 系列

超全模态模型 × Harness 升级，最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列

大模型19元起，Al应用9.9元畅享，新人首购爆款尽享优惠