跳至主要内容

版本：v8

ion-col

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

有关更多信息，请参见网格文档。

列对齐

默认情况下，列将拉伸以填充满行的整个高度。列是弹性项目，因此有几个可以应用于列的 CSS 类来自定义此行为。

属性

偏移量

描述	列偏移量，以应将其移至可用总列数末尾的列数表示。
属性	`偏移量`
类型	`字符串｜未定义`
默认值	`未定义`

offsetLg

描述	对于 lg 屏幕，列的偏移量，以应将其移至可用总列数末尾的列数表示。
属性	`offset-lg`
类型	`字符串｜未定义`
默认值	`未定义`

offsetMd

描述	对于 md 屏幕，列的偏移量，以应将其移至可用总列数末尾的列数表示。
属性	`offset-md`
类型	`字符串｜未定义`
默认值	`未定义`

offsetSm

描述	对于 sm 屏幕，列的偏移量，以应将其移至可用总列数末尾的列数表示。
属性	`offset-sm`
类型	`字符串｜未定义`
默认值	`未定义`

offsetXl

描述	对于 xl 屏幕，列的偏移量，以应将其移至可用总列数末尾的列数表示。
属性	`offset-xl`
类型	`字符串｜未定义`
默认值	`未定义`

offsetXs

描述	对于 xs 屏幕，列的偏移量，以应将其移至可用总列数末尾的列数表示。
属性	`offset-xs`
类型	`字符串｜未定义`
默认值	`未定义`

拉动

描述	拉动列的量，以应将其移至可用总列数开头的列数表示。
属性	`拉动`
类型	`字符串｜未定义`
默认值	`未定义`

pullLg

描述	对于 lg 屏幕，拉动列的量，以应将其移至可用总列数开头的列数表示。
属性	`pull-lg`
类型	`字符串｜未定义`
默认值	`未定义`

pullMd

描述	对于 md 屏幕，拉动列的量，以应将其移至可用总列数开头的列数表示。
属性	`pull-md`
类型	`字符串｜未定义`
默认值	`未定义`

pullSm

描述	对于 sm 屏幕，拉动列的量，以应将其移至可用总列数开头的列数表示。
属性	`pull-sm`
类型	`字符串｜未定义`
默认值	`未定义`

pullXl

描述	对于 xl 屏幕，拉动列的量，以应将其移至可用总列数开头的列数表示。
属性	`pull-xl`
类型	`字符串｜未定义`
默认值	`未定义`

pullXs

描述	对于 xs 屏幕，拉动列的量，以应将其移至可用总列数开头的列数表示。
属性	`pull-xs`
类型	`字符串｜未定义`
默认值	`未定义`

推动

描述	推动列的量，以应将其移至可用总列数末尾的列数表示。
属性	`推动`
类型	`字符串｜未定义`
默认值	`未定义`

pushLg

描述	对于 lg 屏幕，推动列的量，以应将其移至可用总列数末尾的列数表示。
属性	`push-lg`
类型	`字符串｜未定义`
默认值	`未定义`

pushMd

描述	对于 md 屏幕，推动列的量，以应将其移至可用总列数末尾的列数表示。
属性	`push-md`
类型	`字符串｜未定义`
默认值	`未定义`

pushSm

描述	对于 sm 屏幕，推动列的量，以应将其移至可用总列数末尾的列数表示。
属性	`push-sm`
类型	`字符串｜未定义`
默认值	`未定义`

pushXl

描述	对于 xl 屏幕，推动列的量，以应将其移至可用总列数末尾的列数表示。
属性	`push-xl`
类型	`字符串｜未定义`
默认值	`未定义`

pushXs

描述	对于 xs 屏幕，推动列的量，以应将其移至可用总列数末尾的列数表示。
属性	`push-xs`
类型	`字符串｜未定义`
默认值	`未定义`

大小

描述	列的大小，以应占据可用总列数的列数表示。如果传递 `"auto"`，则列将与其内容的大小相同。
属性	`大小`
类型	`字符串｜未定义`
默认值	`未定义`

sizeLg

描述	对于 lg 屏幕，列的大小，以应占据可用总列数的列数表示。如果传递 `"auto"`，则列将与其内容的大小相同。
属性	`size-lg`
类型	`字符串｜未定义`
默认值	`未定义`

sizeMd

描述	对于 md 屏幕，列的大小，以应占据可用总列数的列数表示。如果传递 `"auto"`，则列将与其内容的大小相同。
属性	`size-md`
类型	`字符串｜未定义`
默认值	`未定义`

sizeSm

描述	对于 sm 屏幕，列的大小，以应占据可用总列数的列数表示。如果传递 `"auto"`，则列将与其内容的大小相同。
属性	`size-sm`
类型	`字符串｜未定义`
默认值	`未定义`

sizeXl

描述	对于 xl 屏幕，列的大小，以应占据可用总列数的列数表示。如果传递 `"auto"`，则列将与其内容的大小相同。
属性	`size-xl`
类型	`字符串｜未定义`
默认值	`未定义`

sizeXs

描述	对于 xs 屏幕，列的大小，以应占据可用总列数的列数表示。如果传递 `"auto"`，则列将与其内容的大小相同。
属性	`size-xs`
类型	`字符串｜未定义`
默认值	`未定义`

事件

此组件没有可用事件。

方法

此组件没有公开方法。

CSS 阴影部分

此组件没有 CSS 阴影部分。

CSS 自定义属性

名称	描述
`--ion-grid-column-padding`	列的填充
`--ion-grid-column-padding-lg`	lg 及以上屏幕上列的填充
`--ion-grid-column-padding-md`	md 及以上屏幕上列的填充
`--ion-grid-column-padding-sm`	sm 及以上屏幕上列的填充
`--ion-grid-column-padding-xl`	xl 及以上屏幕上列的填充
`--ion-grid-column-padding-xs`	xs 及以上屏幕上列的填充
`--ion-grid-columns`	网格中列的总数

插槽

此组件没有可用的插槽。

内容

列对齐
属性
事件
方法
CSS 阴影部分
CSS 自定义属性
插槽

编辑此页面