Pertanyaan yang diberi tag «flexbox»

Saya ingin item flex berada di tengah tetapi ketika kita memiliki baris kedua, memiliki 5 (dari gambar di bawah) di bawah 1 dan tidak di tengah orang tua. Inilah contoh dari apa yang saya miliki: ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; } …

91 html  css  flexbox 

Seperti yang Anda lihat, list-itemsyang pertama rowmemiliki kesamaan height. Tetapi item yang kedua rowmemiliki perbedaan heights. Saya ingin semua item memiliki seragam height. Apakah ada cara untuk mencapai ini tanpa memberikan ketinggian tetap dan hanya menggunakan flexbox ? Ini milikku code .list { display: flex; flex-wrap: wrap; max-width: 500px; } …

91 html  css  flexbox 

Saya memusatkan DIV di dalam DIV lain menggunakan flexbox. Pikirkan jendela dialog yang muncul di tengah layar bila diperlukan. Ini berfungsi dengan baik, namun akan terlihat jauh lebih baik jika ruang di atas dan di bawah dialog tidak persis sama, memiliki 40% dari ruang yang tersisa berada di atas dan …

23 html  css  flexbox  centering 

Saya mencoba membuat sistem menu dengan gambar dan teks di atas dan di bawah. Data bersifat dinamis. Saya ingin sistem menu muncul sehingga setiap gambar berjarak sama dari satu sama lain sehingga mereka berbaris dalam kisi-kisi gambar baik secara horizontal maupun vertikal. Masalahnya adalah teks. Jika teks lebih panjang dari …

17 html  css  flexbox 

Saya telah membuat kode skrip (dengan bantuan pengguna di sini) yang memungkinkan saya untuk memperluas div yang dipilih dan membuat div lain berperilaku sesuai dengan peregangan yang sama agar sesuai dengan ruang yang tersisa (kecuali yang pertama yang lebarnya diperbaiki). Dan inilah gambar yang ingin saya capai: Untuk itu saya …

9 javascript  jquery  css  flexbox  css-transitions 

Menampilkan galeri gambar dengan ukuran dan rasio gambar berbeda dengan spesifikasi berikut: Tidak ada kekosongan (margin) di antara gambar. Menghormati rasio asli sebanyak mungkin. Gambar dikelilingi oleh tautan. Solusi Non-JS. Gambar bisa dipangkas sedikit. Solusi portabel. Set gambar yang ditampilkan adalah acak. Gambar harus ditampilkan dari kiri ke kanan (mencegah …

9 css  flexbox  image-gallery