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 Jun 30th, 2021 8:53 a.m.

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 Jun 30th, 2021 7:37 a.m.

Đâ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

•

Jun 30th, 2021 7:51 a.m.

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

•

Jun 30th, 2021 7:53 a.m.

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

Answered Jun 30th, 2021 7:34 a.m.

509 14 7 92