--- title: Grid Column slug: Glossary/Grid_Column tags: - CSS Grids translation_of: Glossary/Grid_Column --- <p><strong>网格列</strong>是<a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout">Grid布局</a>中的垂直轨道,即两个垂直网格线之间的空间。它通过属性 {{cssxref("grid-template-columns")}} 或者简写属性 {{cssxref("grid")}},{{cssxref("grid-template")}} 定义.</p> <p>另外,当项目被放置到显示网格中创建的列外面时,可以在隐式网格中创建网格列。默认情况这些列自动调整大小,也可以使用 {{cssxref("grid-auto-columns")}} 属性指定其大小。</p> <p>在<a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout">Grid布局</a>中使用对齐方式时,网格列沿着纵轴运行。</p> <h2 id="了解更多">了解更多</h2> <h3 id="属性参考">属性参考</h3> <ul> <li>{{cssxref("grid-template-columns")}}</li> <li>{{cssxref("grid-auto-columns")}}</li> <li>{{cssxref("grid")}}</li> <li>{{cssxref("grid-template")}}</li> </ul> <h3 id="扩展阅读">扩展阅读</h3> <ul> <li>CSS Grid Layout Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">Basic concepts of grid layout</a></em></li> </ul>