Tyler Sticka 分享了一个巧妙的技术，用于 在 CSS Grid 布局中突破内容限制，但 Rachel Andrew 更进一步解释了该技术为何有效。
当您命名线条时，可以选择将其命名为 *-start 和 *-end，这会为您带来更多网格魔法。我们得到一个名为主要名称的命名网格区域。听起来很奇怪？请查看下面的图表，它显示了 4 条命名网格线，分别是列和行的 main-start 和 main-end。这些线条交汇所标记出的区域现在可以通过名称 main 进行引用。如果我们将这些线条命名为 foo-start 和 foo-end，那么我们将得到一个名为 foo 的命名区域。
Rachel 的文章引起了我的注意，原因有很多。首先，我喜欢将博客文章作为对其他博客文章的回复。其次，它是一个极好的提醒，即分享概念如何工作与展示其工作同样重要。最后，基于命名网格线隐式命名网格区域的概念，是让我们卷起袖子，深入研究规范的充分理由。事实上，遵循 Rachel 关于 CSS Grid 规范的 系列文章 是一个良好的起点。
顺便说一句，Tyler 对命名网格线的巧妙运用让我想起了 Dave Rupert 同样巧妙地使用 :not 来实现 类似的满版效果。