Grid Column - MDN Web Docs Glossary: Definitions of Web-related terms 编辑

A grid column is a vertical track in a CSS Grid Layout, and is the space between two vertical grid lines. It is defined by the grid-template-columns property or in the shorthand grid or grid-template properties.

In addition, columns may be created in the implicit grid when items are placed outside of columns created in the explicit grid. These columns will be auto-sized by default, or can have a size specified with the grid-auto-columns property.

When working with alignment in CSS Grid Layout, the axis down which columns run is known as the block, or column, axis.

Learn More

Property reference

• grid-template-columns
• grid-auto-columns
• grid
• grid-template

Further reading

• CSS Grid Layout Guide: Basic concepts of grid layout