CSS: Layout: Grid System

20th August 2020 at 2:19pm
CSS: Layout

Grid system 主要是用来方便切分页面。一般的 CSS 框架提供的 grid system,都是每行 12 栏的模型。

CSS in Depth: Ch04 中实现了一个非现代化的 grid system:

  • 用百分比 width 实现了一个均等切分 12 栏
  • 用 padding 实现列与列间的 gutter
  • 用负边距调整了 .row 容器与父容器间的左右边距