ion-col

shadow

列是网格系统的单元格组件，位于行内部。它们会扩展以填充整行。网格中的所有内容都应放置在列内。

更多信息，请参阅网格文档。

列对齐方式

默认情况下，列会拉伸以填满行的整个高度。列是弹性项目（Flex Item），因此可以使用多个 CSS 类应用于列以自定义此行为。

属性

offset

Description	The amount to offset the column, in terms of how many columns it should shift to the end of the total available.
Attribute	offset
Type	string ｜ undefined
Default	undefined

offsetLg

Description	The amount to offset the column for lg screens, in terms of how many columns it should shift to the end of the total available.
Attribute	offset-lg
Type	string ｜ undefined
Default	undefined

offsetMd

Description	The amount to offset the column for md screens, in terms of how many columns it should shift to the end of the total available.
Attribute	offset-md
Type	string ｜ undefined
Default	undefined

offsetSm

Description	The amount to offset the column for sm screens, in terms of how many columns it should shift to the end of the total available.
Attribute	offset-sm
Type	string ｜ undefined
Default	undefined

offsetXl

Description	The amount to offset the column for xl screens, in terms of how many columns it should shift to the end of the total available.
Attribute	offset-xl
Type	string ｜ undefined
Default	undefined

offsetXs

Description	The amount to offset the column for xs screens, in terms of how many columns it should shift to the end of the total available.
Attribute	offset-xs
Type	string ｜ undefined
Default	undefined

pull

Description	The amount to pull the column, in terms of how many columns it should shift to the start of the total available.
Attribute	pull
Type	string ｜ undefined
Default	undefined

pullLg

Description	The amount to pull the column for lg screens, in terms of how many columns it should shift to the start of the total available.
Attribute	pull-lg
Type	string ｜ undefined
Default	undefined

pullMd

Description	The amount to pull the column for md screens, in terms of how many columns it should shift to the start of the total available.
Attribute	pull-md
Type	string ｜ undefined
Default	undefined

pullSm

Description	The amount to pull the column for sm screens, in terms of how many columns it should shift to the start of the total available.
Attribute	pull-sm
Type	string ｜ undefined
Default	undefined

pullXl

Description	The amount to pull the column for xl screens, in terms of how many columns it should shift to the start of the total available.
Attribute	pull-xl
Type	string ｜ undefined
Default	undefined

pullXs

Description	The amount to pull the column for xs screens, in terms of how many columns it should shift to the start of the total available.
Attribute	pull-xs
Type	string ｜ undefined
Default	undefined

push

Description	The amount to push the column, in terms of how many columns it should shift to the end of the total available.
Attribute	push
Type	string ｜ undefined
Default	undefined

pushLg

Description	The amount to push the column for lg screens, in terms of how many columns it should shift to the end of the total available.
Attribute	push-lg
Type	string ｜ undefined
Default	undefined

pushMd

Description	The amount to push the column for md screens, in terms of how many columns it should shift to the end of the total available.
Attribute	push-md
Type	string ｜ undefined
Default	undefined

pushSm

Description	The amount to push the column for sm screens, in terms of how many columns it should shift to the end of the total available.
Attribute	push-sm
Type	string ｜ undefined
Default	undefined

pushXl

Description	The amount to push the column for xl screens, in terms of how many columns it should shift to the end of the total available.
Attribute	push-xl
Type	string ｜ undefined
Default	undefined

pushXs

Description	The amount to push the column for xs screens, in terms of how many columns it should shift to the end of the total available.
Attribute	push-xs
Type	string ｜ undefined
Default	undefined

size

Description	The size of the column, in terms of how many columns it should take up out of the total available. If "auto" is passed, the column will be the size of its content.
Attribute	size
Type	string ｜ undefined
Default	undefined

sizeLg

Description	The size of the column for lg screens, in terms of how many columns it should take up out of the total available. If "auto" is passed, the column will be the size of its content.
Attribute	size-lg
Type	string ｜ undefined
Default	undefined

sizeMd

Description	The size of the column for md screens, in terms of how many columns it should take up out of the total available. If "auto" is passed, the column will be the size of its content.
Attribute	size-md
Type	string ｜ undefined
Default	undefined

sizeSm

Description	The size of the column for sm screens, in terms of how many columns it should take up out of the total available. If "auto" is passed, the column will be the size of its content.
Attribute	size-sm
Type	string ｜ undefined
Default	undefined

sizeXl

Description	The size of the column for xl screens, in terms of how many columns it should take up out of the total available. If "auto" is passed, the column will be the size of its content.
Attribute	size-xl
Type	string ｜ undefined
Default	undefined

sizeXs

Description	The size of the column for xs screens, in terms of how many columns it should take up out of the total available. If "auto" is passed, the column will be the size of its content.
Attribute	size-xs
Type	string ｜ undefined
Default	undefined

事件

No events available for this component.

方法

No public methods available for this component.

CSS Shadow Parts

No CSS shadow parts available for this component.

CSS 自定义属性

Name	Description
--ion-grid-column-padding	Padding for the Column
--ion-grid-column-padding-lg	Padding for the Column on lg screens and up
--ion-grid-column-padding-md	Padding for the Column on md screens and up
--ion-grid-column-padding-sm	Padding for the Column on sm screens and up
--ion-grid-column-padding-xl	Padding for the Column on xl screens and up
--ion-grid-column-padding-xs	Padding for the Column on xs screens and up
--ion-grid-columns	The number of total Columns in the Grid

插槽

No slots available for this component.