Bolehkah Item Grid Menjangkau Sel Terakhir dalam Grid CSS Tersirat?

Bolehkah Item Grid Menjangkau Sel Grid Terakhir dalam Grid Tersirat?

Reka letak grid biasanya digunakan untuk menyusun kandungan ke dalam baris dan lajur. Dalam sesetengah senario, item mungkin diingini untuk merentas berbilang baris atau lajur, tanpa mengira bilangan baris atau lajur dalam grid. Walau bagaimanapun, ini boleh menimbulkan cabaran apabila menggunakan grid tersirat, di mana bilangan baris dan lajur tidak ditakrifkan secara eksplisit.

Dalam contoh yang diberikan, bekas mengandungi bilangan kotak dinamik yang disusun dalam grid tersirat. Tugasnya adalah untuk membuat rentang kotak ketiga dari garis grid pertama hingga terakhir. Walaupun nampaknya penyelesaian Grid mudah sudah memadai, spesifikasi Grid CSS Tahap 1 tidak menyokong penyelesaian sedemikian pada masa ini.

Walau bagaimanapun, penyelesaian menggunakan kedudukan mutlak dicadangkan dalam rujukan lain.

Menangani Isu dalam Grid Eksplisit

Semasa merentas sel tidak mungkin dalam grid tersirat, ia boleh dicapai dalam grid eksplisit, di mana bilangan baris dan lajur yang tepat ditakrifkan menggunakan sifat seperti baris-templat-grid, lajur-templat-grid dan kawasan-templat-grid.

Mengikut spesifikasi Grid CSS, integer negatif boleh digunakan untuk mengira dari tepi hujung grid eksplisit. Dengan menggunakan ciri ini, kita boleh mencapai gelagat yang diingini:

grid-column: 3 / -1;

Sintaks ini akan merentangi kawasan grid dari baris lajur ketiga hingga baris lajur terakhir. Begitu juga, perkara berikut akan menjangkau dari baris lajur pertama hingga baris lajur ketiga:

grid-column: 1 / -3;

Adalah penting untuk ambil perhatian bahawa pendekatan ini hanya terpakai pada grid eksplisit, di mana kiraan baris dan lajur tertentu ditentukan.

Atas ialah kandungan terperinci Bolehkah Item Grid Menjangkau Sel Terakhir dalam Grid CSS Tersirat?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!