~/brickswiki $ grep -r "css grid" ./guides/

「css grid」

共 4 篇相关教程

Bricks CSS Grid 布局完全指南：grid-template 与可视化栅格构建器（Visual Grid Builder）

教程：从 Bricks 1.6.1 起，任意布局元素都能用 CSS Grid 做二维布局。本文讲清 Grid Container / Grid Item、grid-template-columns/rows、fr 单位、implicit grid、minmax、auto-fill/auto-fit、repeat，以及 Visual Grid Builder 的可视化拖拽、断点与查询循环支持。

Ray Chan·2026 / 08 / 18·约 5 分读

tutorial

在 Bricks 中创建可变宽度的全宽网格布局

教程：在 Bricks 中用 CSS Grid 命名区域实现 700px 居中正文 + 宽/更宽/全宽/侧栏多档可变宽度布局，含完整 CSS 与 PHP 代码。

Ray Chan·2026 / 08 / 18·约 3 分读

tutorial

在 Bricks 中将查询循环显示为三列布局

教程：在 Bricks 中用 Flexbox、CSS Grid 与 column-count 三种方式把查询循环容器排成三列，含可直接粘贴的 CSS 代码。

Ray Chan·2026 / 08 / 18·约 3 分读

tutorial

Bricks Query Loop 三种三栏布局方案（Flexbox / CSS Grid / Masonry）

教程：Bricks Query Loop 三种三栏布局方案（Flexbox / CSS Grid / Masonry）——query loop 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。

Ray Chan·2026 / 08 / 11·约 3 分读