Lajur - Trik CSS | CSS Almanac 2025

Dengan hanya beberapa peraturan CSS, anda dapat membuat susun atur yang diilhami cetak yang mempunyai kelenturan web. Ia seperti mengambil surat khabar, tetapi apabila kertas menjadi lebih kecil, lajur akan menyesuaikan dan menyeimbangkan secara automatik yang membolehkan kandungannya mengalir secara semula jadi.

.intro ( columns: 300px 2; )

The columnsharta akan menerima column-count, column-widthatau kedua-duanya hartanah.

columns: || ;

Menggunakan kedua column-count- duanya dan column-widthdisyorkan untuk membuat susun atur berbilang lajur yang fleksibel. Wasiat column-countakan bertindak sebagai jumlah lajur maksimum, sementara column-widthkehendak menentukan lebar minimum untuk setiap lajur. Dengan menyatukan sifat-sifat ini, susun atur pelbagai lajur secara automatik akan dipecah menjadi satu lajur dengan lebar penyemak imbas yang sempit tanpa memerlukan pertanyaan media atau peraturan lain.

Susun atur berbilang lajur berfungsi dengan baik pada elemen blok termasuk senarai untuk membuat navigasi yang fleksibel.

Untuk menyempurnakan susun atur berbilang lajur anda, gunakan break-insideelemen tertentu agar tidak terjebak di antara lajur.