Hisia CSS grid-column-start

定义和用法

grid-column-start 属性定义项目将在哪条列线上开始。

Tazama pia:

Mafunzo ya KiCSS:CSS Grid Layout

Kitabu cha mifano cha KiCSS:Kina ya grid-column

Kitabu cha mifano cha KiCSS:Kina ya grid-column-end

Kitabu cha mifano cha KiCSS:Kina ya grid-row-start

Kitabu cha mifano cha KiCSS:Kina ya grid-row-end

Mifano

Kuondoa "item1" kutoka kati ya siri ya kina 2:

.item1 {
  grid-column-start: 2;
}

Jifunze kwa urahisi

Inayofanywa na KiCSS

grid-column-start: auto|span n|column-line;

Wakati wa kina

Wakati Maelezo
auto Chaguo cha kuzingatia. Kipengele kinakufanya kwa kusaidia kina.
span n Inasema kati ya kipengele kina kuzingatia kati ya kati ya kina.
column-line Inasema kuanzia kati ya siri ya kuonyesha kipengele.

Mifano ya habari ya teknolojia

Chaguo cha kuzingatia: auto
Kuwasiliana: Hapana
Harakati za uuzaji: Inatumika. Tazama:Mafanikio ya harakati.
Versioni: CSS Grid Layout Module Level 1
Inayofanywa na KiJavaScript: object.style.gridColumnStart="3"

Matumizi ya wasafiri

Maneno ya mifano katika tablica inasema na version ya kwanza ya wasafiri ambao wameongeza hii kina.

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44