Asked thg 6 30, 2021 7:28 SA 132 1 3
  • 132 1 3
0

CSS bố cục tự do

Share
  • 132 1 3

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

image.png

3 ANSWERS


Answered thg 6 30, 2021 8:53 SA
Accepted
0

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

Share
Answered thg 6 30, 2021 7:37 SA
+4

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

Share
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 ý ạ

0
| Reply
Share
Avatar Dương Bằng Huân @duonghuan2122000
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à

0
| Reply
Share
Answered thg 6 30, 2021 7:34 SA
Share
Viblo
Let's register a Viblo Account to get more interesting posts.