Pertanyaan yang diberi tag «css-grid»

Saya mencoba membuat halaman sederhana dengan CSS Grid. Apa yang saya gagal lakukan adalah memusatkan teks dari HTML ke masing-masing sel kisi. Saya sudah mencoba menempatkan konten dalam divs terpisah baik di dalam maupun di luar left_bgdan right_bgpemilih dan bermain dengan beberapa properti CSS tidak berhasil. Bagaimana saya melakukan ini? …

179 html  css  centering  css-grid 

TL; DR: Apakah ada sesuatu seperti table-layout: fixeduntuk grid CSS? Saya mencoba membuat kalender tampilan tahun dengan kisi-kisi besar 4x3 selama berbulan-bulan dan di dalamnya bersarang kisi-kisi 7x6 selama berhari-hari. Kalender harus mengisi halaman, sehingga wadah kotak tahun mendapat lebar dan tinggi masing-masing 100%. .year-grid { width: 100%; height: 100%; …

153 css  grid-layout  css-grid 

Saya perlu menerapkan tata letak batu yang cukup run-off-the-mill. Namun, untuk sejumlah alasan saya tidak ingin menggunakan JavaScript untuk melakukannya. Parameter: Semua elemen memiliki lebar yang sama Elemen memiliki tinggi yang tidak dapat dihitung sisi server (gambar ditambah berbagai jumlah teks) Saya bisa hidup dengan jumlah kolom yang tetap jika …

134 html  css  flexbox  css-grid 

Apakah mungkin membuat bungkus kisi CSS tanpa menggunakan kueri media? Dalam kasus saya, saya memiliki jumlah item non-deterministik yang ingin saya tempatkan dalam kotak dan saya ingin kotak itu membungkusnya. Dengan menggunakan Flexbox, saya tidak dapat mengatur ruang dengan baik. Saya juga ingin menghindari banyak pertanyaan media. Berikut beberapa contoh …

126 html  css  css-grid 

Saya menyimpulkan bahwa ini tidak mungkin dicapai dengan menggunakan Flexbox, karena setiap baris hanya dapat menjadi ketinggian minimal yang diperlukan untuk menyesuaikan elemennya, tetapi dapatkah ini dicapai dengan menggunakan CSS Grid yang lebih baru? Agar jelas, saya ingin ketinggian yang sama untuk semua elemen dalam kisi di semua baris, tidak …

110 css  flexbox  grid-layout  css-grid 

Saya mencoba untuk memusatkan elemen dalam dari <button>-tag dengan flexbox's justify-content: center. Tapi Safari tidak memusatkannya. Saya dapat menerapkan gaya yang sama ke tag lain dan berfungsi sebagaimana mestinya (lihat <p>-tag). Hanya tombol yang rata kiri. Coba Firefox atau Chrome dan Anda dapat melihat perbedaannya. Apakah ada gaya agen pengguna …

91 html  css  safari  flexbox  css-grid