Pertanyaan yang diberi tag «css-grid»

7
Berpusat di 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 

4
Cegah konten agar tidak memperluas item kisi
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%; …

2
Layout pasangan bata hanya CSS
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 

5
Pembungkusan kisi CSS
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 

2
Tinggi baris yang sama dalam CSS Grid Layout
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 …

3
Tata letak Flex / Grid tidak berfungsi pada tombol atau elemen fieldset
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 
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.