CSS bố cục tự do

Mọi người cho mình hỏi cách là bố cục như này với ạ.

Tỉ lệ ảnh lần lượt là 100/150, 100/114, 100/150, 100/150, 100/125, 100/114, 100/150, 100/125, 100/150

59 3 14 5

Answered thg 6 30, 2021 8:53 SA

Accepted

Mình dùng thư viện Masonry được rồi, cảm ơn mọi người nhé

59 3 14 5

Answered thg 6 30, 2021 7:37 SA

Đây là bố cục dạng stagger layout. Theo ý kiến của mình thì sẽ sử dụng display: grid trong css Bạn có thể tham khảo thêm tại:
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout#basic_example https://get.foundation/building-blocks/blocks/grid-staggered.html

300 6 0 2

•

thg 6 30, 2021 7:51 SA

Vì nó không có row nào nằm cùng 1 hàng nên khó dùng grid ý ạ

•

thg 6 30, 2021 7:53 SA

@thangly98 grid trong css có thể dùng trên hàng dọc được mà. Bạn xem kỹ là được mà

Answered thg 6 30, 2021 7:34 SA

509 14 7 92