# 050: Membina Grid Galeri - Trik CSS

Isi kandungan

Kami mula menggali susun atur kawasan Galeri, yang merupakan sesuatu yang ada di fikiran saya sejak awal proses reka bentuk semula ini. Kebanyakannya kerana ... galeri di v9 agak menghisap. Kami akan melakukan yang lebih baik kali ini.

Kami akan membuat susun atur galeri hanya sekumpulan besar gambar. Itulah galeri lain yang senang dilayari, jadi begitulah juga. Dengan kata lain: tiada bar sisi, lebih banyak gambar.

Kami mendasarkan susun atur pada artikel grid foto responsif yang lancar yang saya buat sebentar tadi. Pada dasarnya kami membiarkan semua gambar jatuh sebagai sebaris dalam satu ibu bapa yang menggunakan lajur CSS3. Nasib baik, Compass mempunyai beberapa pembantu untuk menjadikannya lebih mudah. Talang dibuat melalui jarak tiang dan margin bawah.

Untuk mensimulasikan beberapa kandungan sebenar, kami menggunakan Anak kucing secara rawak dalam satu gelung.

Artikel menarik...