用 CSS Grid 跳出思维定势

来自 Alex Trost 的精彩 教程（基于一些演示，例如 Andy Barefoot 的 这个）展示了，虽然 CSS 网格在水平和垂直方向上具有直线网格线，但您可以跨网格线放置项目，从而创建看起来非常酷炫的交错效果。 类似网格，但由于交错，它似乎与对角线而不是水平线和垂直线对齐。 而且您仍然可以获得网格的所有灵活性！

直接链接 →