多栏编辑网格 · Multi-Column Grid
英文：Multi-Column Grid
网格与版式难度：入门 ★
🗣️一句话大白话
多条纵向栏提供灵活跨度，图像与文本可占一栏或跨栏，适合复杂信息层级。大跨栏元素先定级，再按栏线读取细分信息；栏宽与沟槽必须重复，跨度变化才有秩序。
🖼️样图参考
🎬真实场景
编辑海报、会议、课程表、展览目录、数据与说明
📮你可以这样说
「【图像模型版】竖版 3:4 海报，主题为[主题]。采用六栏编辑网格：标题跨 4 栏、主图跨 3 栏、说明文字各占 2 栏、日期与署名占 1 栏；所有元素严格对齐栏线，沟槽宽度统一；版面是同一骨架上的不同跨度。避免随机跨度、避免每栏都塞满。Keywords: multi-column grid, column span, editorial layout, aligned gutters. 【HTML/CSS 版】容器 display:grid，grid-template-columns:repeat(6,1fr)，gap:24px；标题 grid-column:1/5，主图 grid-column:1/4，说明按 2 栏分配；调试时用背景色叠加栏线，完成后移除。」
通过 AI绘图 工作台生成（模型 API 额度由此消耗）；未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸所有元素占不同随机跨度等于没有网格
- ▸栏宽和沟槽必须重复出现
🧩常见变体
4 栏/6 栏/12 栏图文对跨栏线可见的工程风
💡小贴士
- ✦跨度数量就是层级：跨得越多，越重要
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系
🔗相关术语
🛠️关联 AI 绘图知识
在「AI 绘图工作台」查看该术语的提示词与案例（需本地启动工作台，端口 5345）