CSS grid-column ɗauɗi

Dabbanta da amfani

属性 na grid-column na rarraba masu yanar gizo na tsa tsakiyar gida kuma yana gudanar da girman da ake yi amfani da shi a rarraba gida, wanda ya zama sunan fassarar don wasu属性:

Kara karin:

Fassarar CSS:Rarraba CSS

Shaidari

Masu karrama 1

Za a gudanar da "item1" a koguna na 1 kuma zai gudanar da koguna biyu:

.item1 {
  grid-column: 1 / span 2;
}

Gudanar shi shi na farko

Masu karrama 2

Zai iya amfani da dakinin sunan gudun gida don mayar da koguna da zai gudanar da:

.item1 {
  grid-column: 1 / 3;
}

Gudanar shi shi na farko

Fassarar CSS

grid-column: grid-column-start / grid-column-end;

Dababuwa na属性

Dababuwa Rarraba
grid-column-start Dabbanta za a kammala daga koguna na:
grid-column-end Dabbanta za a kammala a cikin tsa tsakiyar gudun gida, ko kuma zai kammala daga cikin koguna da zai gudanar da.

Rarraba fassarar

Dababuwa: auto / auto
Rarraba: Rai
Yanar gizo: Ci gaba da:属性 na yanar gizo。
Banuwa: CSS Grid Layout Module Level 1
Fassarar JavaScript: object.style.gridColumn="2 / span 2"

Rarraba browser

Dakinin sunan sunan sunan sunan sunan na cikin gwanan a gina hanyar ta da suka cikar da nasara a cikin browser da a gina hanyar.

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