# 050: Xây dựng Lưới Thư viện - Thủ thuật CSS

Mục lục

Chúng tôi bắt đầu tìm hiểu cách bố trí của khu vực Thư viện, đây là điều tôi đã nghĩ đến từ khi bắt đầu quá trình thiết kế lại này. Chủ yếu là vì… phòng trưng bày trong v9 hơi quá tệ. Chúng tôi sẽ làm tốt hơn lần này.

Chúng tôi sẽ làm cho bố cục thư viện không có gì khác ngoài một lưới lớn hình ảnh. Đó là những gì mà các phòng trưng bày khác rất vui khi được duyệt qua, vì vậy điều này cũng nên như vậy. Nói cách khác: không có thanh bên, nhiều hình ảnh hơn.

Chúng tôi dựa trên bố cục của bài báo lưới ảnh đáp ứng liền mạch mà tôi đã làm trước đó. Về cơ bản, chúng tôi để tất cả các hình ảnh nằm dưới dạng khối nội tuyến vào một phụ huynh sử dụng các cột CSS3. May mắn thay, La bàn có một số người trợ giúp để làm cho nó dễ dàng hơn. Các máng xối được thực hiện thông qua khoảng cách cột và lề dưới.

Để mô phỏng một số nội dung thực, chúng tôi sử dụng Place Kittens ngẫu nhiên trong một vòng lặp.

thú vị bài viết...