Pertanyaan yang diberi tag «grid-layout»

27
Kotak-fleksibel: Sejajarkan baris terakhir ke kotak
Saya memiliki tata letak kotak fleksibel sederhana dengan wadah seperti: .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } Sekarang saya ingin item di baris terakhir disejajarkan dengan yang lain. justify-content: space-between;harus digunakan karena lebar dan tinggi kisi dapat disesuaikan. Saat ini sepertinya Di sini, saya ingin item di …
379 css  flexbox  grid-layout 


29
Bagaimana cara menambahkan spasi antar kolom di Bootstrap?
Saya yakin ada solusi sederhana untuk masalah ini. Pada dasarnya, jika saya memiliki dua kolom bagaimana saya bisa menambahkan spasi di antara mereka? mis. jika html adalah: <div class="col-md-6"></div> <div class="col-md-6"></div> Outputnya hanya dua kolom tepat di sebelah satu sama lain mengambil seluruh lebar halaman. Katakanlah lebarnya diatur untuk 1000pxkemudian …

4
Kotak kotak yang responsif
На этот вопрос есть ответы на Stack Overflow на русском : Сетка из адаптивных (responsif) квадратов Saya bertanya-tanya bagaimana saya bisa membuat tata letak dengan kotak responsif . Setiap kotak akan memiliki konten yang selaras secara vertikal dan horizontal . Contoh spesifik ditampilkan di bawah ...

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
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 …
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.