blob: 9f2fd0a25206682e757571a31e868ad769b42390 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
---
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>
|
