Tôi đã đấu tranh với đồng vị trong một thời gian. Sau một vài phiên khác nhau, tôi không thể hình dung ra điều này.Đệm ngoài và lề với Masonry/Isotope
isotope.metafizzy.co/index.html
tôi sẽ minh họa cho vấn đề của tôi với hình ảnh, nhưng đây là lời giải thích. Như bạn có thể nhìn thấy trên trang web của tôi,
test.davewhitley.com/not-wp/isotope_test/index.php
Tôi đang sử dụng đồng vị với ba cột cùng chiều rộng.
Nếu bạn nhìn vào các cạnh bên ngoài của bố cục trung tâm, bạn có thể thấy rằng có một số đệm, buộc toàn bộ trung tâm phải hơi hẹp hơn đầu trang/chân trang. Tôi đã chơi CSS với nội dung trái tim của mình, nhưng tôi không thể tìm ra cách mở rộng thư viện trung tâm đến các cạnh của div mà nó chứa nó (nó là 960px - do đó, thư viện trung tâm khoảng 940px). Thông thường tôi có thể làm điều này chỉ với divs và một số CSS, nhưng javascript của masonry là trên đầu của tôi (tất cả các tính toán của nó và như vậy). Mọi sự trợ giúp sẽ rất được trân trọng.
Đây là vấn đề của tôi được minh họa. Những gì tôi có:
http://farm7.static.flickr.com/6207/6057816365_e0b6e2e8c4.jpg
Những gì tôi muốn:
http://farm7.static.flickr.com/6208/6058362460_d1200a1491.jpg
Xin lỗi vì những hình ảnh liên quan và văn bản không phải siêu liên kết, tôi còn quá nhỏ trên trang web này.
Xin chào, tôi đã không giải thích nguyên tắc cơ bản của vấn đề của tôi. Về cơ bản, tôi thêm 'margin-right' vào mỗi mục trong lưới. Vì điều này cũng đang được áp dụng cho mục ngoài cùng bên phải trong cột ngoài cùng bên phải, lề sẽ phá vỡ toàn bộ cột. Điều này là bởi vì tôi có container bên ngoài của tôi đặt ở 'width: 960px'. Tôi không biết làm thế nào để khắc phục vấn đề này với jQuery Isotope. – davecave