ion-col

陰影

欄是網格系統的單元元件，並且位於列之內。它們會擴展以填滿列。網格內的所有內容都應置於欄之內。

請參閱網格文件以取得更多資訊。

欄對齊

依預設，欄會延展以填滿列的整個高度。欄是彈性項目，因此可以將幾個CSS 類別套用到欄，以自訂此行為。

屬性

偏移

描述	欄應偏移的量，以它應往可用總數的末端移動多少欄來表示。
屬性	offset
類型	string ｜ undefined
預設值	undefined

offsetLg

描述	欄在 lg 螢幕上應偏移的量，以它應往可用總數的末端移動多少欄來表示。
屬性	offset-lg
類型	string ｜ undefined
預設值	undefined

offsetMd

描述	欄在 md 螢幕上應偏移的量，以它應往可用總數的末端移動多少欄來表示。
屬性	offset-md
類型	string ｜ undefined
預設值	undefined

offsetSm

描述	欄在 sm 螢幕上應偏移的量，以它應往可用總數的末端移動多少欄來表示。
屬性	offset-sm
類型	string ｜ undefined
預設值	undefined

offsetXl

描述	欄在 xl 螢幕上應偏移的量，以它應往可用總數的末端移動多少欄來表示。
屬性	offset-xl
類型	string ｜ undefined
預設值	undefined

offsetXs

描述	欄在 xs 螢幕上應偏移的量，以它應往可用總數的末端移動多少欄來表示。
屬性	offset-xs
類型	string ｜ undefined
預設值	undefined

拉動

描述	欄應拉動的量，以它應往可用總數的開頭移動多少欄來表示。
屬性	pull
類型	string ｜ undefined
預設值	undefined

pullLg

描述	欄在 lg 螢幕上應拉動的量，以它應往可用總數的開頭移動多少欄來表示。
屬性	pull-lg
類型	string ｜ undefined
預設值	undefined

pullMd

描述	欄在 md 螢幕上應拉動的量，以它應往可用總數的開頭移動多少欄來表示。
屬性	pull-md
類型	string ｜ undefined
預設值	undefined

pullSm

描述	欄在 sm 螢幕上應拉動的量，以它應往可用總數的開頭移動多少欄來表示。
屬性	pull-sm
類型	string ｜ undefined
預設值	undefined

pullXl

描述	欄在 xl 螢幕上應拉動的量，以它應往可用總數的開頭移動多少欄來表示。
屬性	pull-xl
類型	string ｜ undefined
預設值	undefined

pullXs

描述	欄在 xs 螢幕上應拉動的量，以它應往可用總數的開頭移動多少欄來表示。
屬性	pull-xs
類型	string ｜ undefined
預設值	undefined

推動

描述	欄應推動的量，以它應往可用總數的末端移動多少欄來表示。
屬性	push
類型	string ｜ undefined
預設值	undefined

pushLg

描述	欄在 lg 螢幕上應推動的量，以它應往可用總數的末端移動多少欄來表示。
屬性	push-lg
類型	string ｜ undefined
預設值	undefined

pushMd

描述	欄在 md 螢幕上應推動的量，以它應往可用總數的末端移動多少欄來表示。
屬性	push-md
類型	string ｜ undefined
預設值	undefined

pushSm

描述	欄在 sm 螢幕上應推動的量，以它應往可用總數的末端移動多少欄來表示。
屬性	push-sm
類型	string ｜ undefined
預設值	undefined

pushXl

描述	欄在 xl 螢幕上應推動的量，以它應往可用總數的末端移動多少欄來表示。
屬性	push-xl
類型	string ｜ undefined
預設值	undefined

pushXs

描述	欄在 xs 螢幕上應推動的量，以它應往可用總數的末端移動多少欄來表示。
屬性	push-xs
類型	string ｜ undefined
預設值	undefined

尺寸

描述	欄的尺寸，以它應佔用可用總數的多少欄來表示。如果傳遞 "auto"，欄的大小會與其內容的大小相同。
屬性	size
類型	string ｜ undefined
預設值	undefined

sizeLg

描述	欄在 lg 螢幕上的尺寸，以它應佔用可用總數的多少欄來表示。如果傳遞 "auto"，欄的大小會與其內容的大小相同。
屬性	size-lg
類型	string ｜ undefined
預設值	undefined

sizeMd

描述	欄在 md 螢幕上的尺寸，以它應佔用可用總數的多少欄來表示。如果傳遞 "auto"，欄的大小會與其內容的大小相同。
屬性	size-md
類型	string ｜ undefined
預設值	undefined

sizeSm

描述	欄在 sm 螢幕上的尺寸，以它應佔用可用總數的多少欄來表示。如果傳遞 "auto"，欄的大小會與其內容的大小相同。
屬性	size-sm
類型	string ｜ undefined
預設值	undefined

sizeXl

描述	欄在 xl 螢幕上的尺寸，以它應佔用可用總數的多少欄來表示。如果傳遞 "auto"，欄的大小會與其內容的大小相同。
屬性	size-xl
類型	string ｜ undefined
預設值	undefined

sizeXs

描述	欄在 xs 螢幕上的尺寸，以它應佔用可用總數的多少欄來表示。如果傳遞 "auto"，欄的大小會與其內容的大小相同。
屬性	size-xs
類型	string ｜ undefined
預設值	undefined

事件

此元件沒有可用的事件。

方法

此元件沒有可用的公開方法。

CSS Shadow Parts

此元件沒有可用的 CSS shadow parts。

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	網格中的總欄數

插槽

此元件沒有可用的插槽。