Buat rentang elemen grid kepada lebar penuh induk

WBOY
Lepaskan: 2024-07-18 22:12:03
asal
697 orang telah melayarinya

Make a grid element span to the full width of the parent

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;
}
Salin selepas log masuk

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!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan