Yêu cầu thg 6 30, 2021 7:28 SA 132 1 3
  • 132 1 3
0

CSS bố cục tự do

Chia sẻ
  • 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 CÂU TRẢ LỜI


Đã trả lời thg 6 30, 2021 8:53 SA
Đã được chấp nhận
0

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

Chia sẻ
Đã trả lời 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

Chia sẻ
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 ý ạ

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à

Đã trả lời thg 6 30, 2021 7:34 SA
Chia sẻ
Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí