Mengapa grid html/CSS saya tidak berfungsi dalam grid?

Saya cuba mencipta borang input dalam grid dalam grid lain tetapi ia tidak berfungsi. Saya telah melihat banyak kali cara membuat grid css tetapi saya tidak tahu apa yang saya lakukan salah. Keseluruhan halaman tersekat dalam kotak grid pertama. Saya tertanya-tanya sama ada saya menggunakan tempat y...

P粉146080556 2024-02-17 15:49:36 0  1  387

Bolehkah CSS memaparkan garisan grid?

Saya mula belajar susun atur grid CSS. Dalam dunia yang ideal, saya akan dapat menyediakan div dengan berbilang kotak grid dan meletakkan elemen saya tepat di dalamnya, memberikan tindanan apabila diperlukan (seperti menggunakan stick pada grid dalam Illustrator). Ini boleh menjadi sangat sukar tanp...

P粉133321839 2024-03-31 20:38:21 0  2  559

Item grid yang mengehadkan pengembangan kandungan

TL; DR: Adakah terdapat harta yang serupa dengan susun atur jadual: tetap untuk susun atur grid CSS? Saya cuba mencipta kalendar paparan tahun dengan grid 4x3 yang besar untuk bulan-bulan dan bersarang di dalamnya ialah grid 7x6 untuk tarikh. Kalendar harus memenuhi seluruh halaman, jadi lebar dan t...

P粉199248808 2023-08-20 19:49:37 0  2  519

Reka letak grid CSS, menambah baris secara automatik dan menetapkan lebar lajur kepada lebar item grid maksimum

Saya mahukan susun atur grid dengan sebarang bilangan item grid dan apabila item grid diisi ia secara automatik mencipta baris baharu, jenis seperti: #grid{display:grid;width:256px;border:1pxsolidblack ;grid-gap:12px ;grid-template-columns:repeat(auto-fit,minmax(75px,1fr));}#gridspan{background-colo...

P粉818317410 2024-03-28 11:13:36 0  1  443

Sel Segi Empat Susun Atur Grid CSS

Saya ingin mencipta paparan seperti papan pemuka menggunakan CSSGrid-Layout sebagai asas. Saya mahu 16 lajur tersebar di seluruh panjang skrin (harus responsif). Ketinggian sel kemudiannya harus ditentukan oleh lebar sel untuk menjadikan sel itu segi empat sama. Masalahnya, saya mahu beberapa sel me...

P粉593536104 2023-08-15 20:13:32 0  1  485

Bagaimanakah saya boleh melaksanakan sistem grid dalam div saya menggunakan Grid CSS?

Saya ingin mencipta div dengan 2 lajur, apabila saya menambah item dalam div induk ia sepatutnya berada dalam lajur pertama dan apabila lajur pertama mempunyai 3 elemen dan saya mahu menambah item lain ia sepatutnya berada dalam lajur kedua. Ini ialah imej yang saya cari: Saya tidak menemui jawapan ...

P粉195200437 2023-09-08 16:03:49 0  2  472

Mengapa memaparkan grid menggunakan kawasan templat grid tidak berfungsi?

Saya cuba mencapai susunan elemen melalui kawasan templat grid tetapi ia tidak berfungsi. Saya cuba menggunakan sistem grid untuk menyusun blok secara menegak dan mendatar. Gunakan gambar di sebelah kiri dan teks di sebelah yang lain. Mengapa kod ini tidak berfungsi? .news__wrapper{display:grid;grid...

P粉541796322 2023-09-09 16:28:13 0  1  708

Grid CSS dengan baris tidak rata (gaya Pinterest)

Saya cuba mencipta 3 lajur grid berbilang baris pautan (img + teks). Masalahnya ialah imej saya tidak sama tinggi, jadi saya mendapat hasil seperti ini: Saya cuba mencari sifat grid CSS yang diperlukan untuk mendapatkan hasil seperti ini. Saya cuba hanya membuat 3 div (setiap lajur) dengan berbilang...

P粉710478990 2023-09-09 14:12:15 0  1  544

Gunakan bekas lebar maksimum dalam item grid

Saya mempunyai bekas dengan max-width:80rem dan margin-inline:auto dan apabila saya menggunakannya pada grid ia berfungsi dengan sempurna dengan memusatkan grid daripada 80rem <divclass="grid-containercontainer">< headerclass="primary-headerflex" >//iwanttoputcontaine...

P粉387108772 2023-09-06 18:56:45 0  1  386

Bagaimana untuk menyelaraskan imej menggunakan grid CSS?

Saya cuba membina sebahagian daripada tapak web menggunakan grid CSS. Saya cuba mendapatkan senarai dan imej untuk kekal pada baris yang sama dan mengecilkan/berkembang apabila saiz skrin berubah. Kod itu ditampal di bawah. Sebarang bantuan amatlah dihargai. Saya tertanya-tanya sama ada ralat berada...

P粉463824410 2024-04-01 22:08:31 0  1  455

Jadikan lajur isi bekas grid bukannya baris

Saya mahu grid saya diisi secara menegak seperti ini: 147258369...arbitrarynumberofadditionalrows Sebaliknya, ia akan mengisi secara mendatar seperti ini: 123456789 Saya ingin menentukan bilangan lajur dalam grid, bukan bilangan baris. Inilah rupa div saya menggunakan penggayaan CSS sebaris: <div...

P粉551084295 2023-08-27 20:59:46 0  1  480

Menjajarkan tengah kandungan sel grid

Saya mahu menjajarkan kandungan di tengah dalam item grid, berpusat secara mendatar tetapi tidak menegak. Lihat di JSfiddle: http://jsfiddle.net/6zs8ydhf/.container{display:grid;grid-template-columns:200pxauto;grid-template-rows:400px200px;}.item{border:1pxsolid#111;}. {paparan:f

P粉060528326 2023-09-15 10:34:15 0  1  642

Buat grid imej menggunakan React Native

Saya ingin membantu membina grid imej dalam ReactNative. Saya cuba mencipta grid imej menggunakan data yang dipetakan dalam tatasusunan. Bahagian pemetaan berfungsi dengan baik, tetapi imej tidak diletakkan seperti yang saya mahu. Inilah yang saya cari (di mana imej diletakkan pada petak merah): Ini...

P粉115840076 2024-02-21 10:40:48 0  2  330

Bagaimana untuk membuat grid responsif dalam Sudut ionik dan ngfor?

Bagaimana untuk membuat grid responsif dalam ionicAngular dan ngfor? Masukkan penerangan imej di sini seperti di sini untuk menerangkan templat grid saya: <ion-grid><ion-row><ion-col><ion-item*ngFor="letprodofdisplayedList" class="item-entry"detailrouterLink=...

P粉106715703 2023-09-14 22:57:49 0  1  595

html5 - Masalah gaya laman web rasmi syarikat permainan

Saya ingin membuat laman web rasmi syarikat untuk memaparkan permainan yang dibangunkan oleh syarikat Apakah gaya yang sepatutnya?

为情所困 2017-06-14 10:50:17 0  1  952

Teg input HTML secara tidak dijangka menggerakkan garis grid CSS

Untuk memudahkan masalah saya, katakan saya mempunyai div grid 2x2CSS. Saya menggunakan templat grid untuk mengubah saiz 3 div dalam 4 sel ini (nama kelas: "btn", "title", dan "info") seperti yang ditunjukkan dalam coretan kod di bawah. (Gabungkan 2 lajur dalam baris ke...

P粉513318114 2023-09-14 00:31:55 0  2  519

Saya menghadapi masalah dengan grid CSS yang ketinggiannya tidak seperti yang saya jangkakan, apakah kesilapan yang mungkin saya lakukan?

Saya sedang belajar grid CSS dan diminta untuk membuat kad ini dengan memecahkannya kepada grid. Dilampirkan gambar grid yang saya ingin buat. Sebenarnya terdapat grid yang lebih besar (dipanggil grid-profil dalam CSS) di mana semua kad ini disusun, dan ketinggian grid yang lebih besar ini ialah 255...

P粉875565683 2024-04-06 12:52:14 0  1  481

Ketinggian grid CSS melebihi had

Saya mencipta dua lajur dengan grid CSS (dalam TailwindCss). Masalahnya ialah ketinggian lajur kedua meliputi elemen induknya (lihat garisan putus-putus): https://play.tailwindcss.com/eNhVFPmU4Z Tingginya hendaklah sama dengan komponen induk. Adakah terdapat cara untuk menyelesaikan masalah ini?

P粉068486220 2023-08-28 13:04:25 0  1  569

Jurang tidak konsisten menggunakan Grid CSS

Saya mempunyai dokumen html di mana grid CSS digunakan: <!DOCTYPEhtml><htmllang="en-IT"><head><title>Tapak</title><metacharset="UTF-8"><metaname=" viewport"content=&qu

P粉648469285 2023-09-07 14:39:28 0  1  604

Item grid CSS lebar penuh menggunakan place-content: center

Saya memusatkan div secara menegak dan mendatar dalam bekas tetap menggunakan grid CSS place-content:center seperti ini: .outer{position:fixed;inset:0;background:black;display:grid;place-content:center ;}.inner {padding:30px;background:white;width:100%;max-width:500px;}&

P粉245003607 2023-09-05 17:54:47 0  2  472