Buat rentang elemen grid kepada lebar penuh induk

Tiada timbunan. Mari ke intinya.

Anda mempunyai bekas grid dan ia mempunyai beberapa elemen kanak-kanak yang dibahagikan kepada seberapa banyak lajur yang anda mahukan. Buat masa ini, katakan bekas grid mempunyai tujuh elemen dan elemen tersebut dibahagikan kepada tiga lajur. Anda mahu elemen ketujuh mengambil lebar penuh induk.

Ini adalah coretan kod.

.seven {
    grid-column: 1 / span 3;
}

Lihat contoh penuh di sini: https://codepen.io/ccgaejza-the-selector/pen/dyELmRE

Atas ialah kandungan terperinci Buat rentang elemen grid kepada lebar penuh induk. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!