2012-06-21 17 views
6

क्या ग्रिड को आदेश देने के लिए आइसोटोप प्राप्त करने का कोई तरीका है कि कोई अंतर नहीं है?परिवर्तनीय आकार टाइल्स के साथ अंतराल से बचने के लिए आइसोटोप कैसे प्राप्त करें

मैं कुछ डेमो में स्थानों को बदलने वाले तत्वों को देखता हूं लेकिन खुद को प्रभाव प्राप्त नहीं कर सकता। यहाँ की तरह: http://jsfiddle.net/crappish/zvRy5/

आप देख सकते हैं, जब आप "परिणाम" आकार बदलने, ग्रिड ठीक बदलता है, लेकिन कुछ चौड़ाई में, सफेद अंतराल पच्चीकारी में दिखाई देते हैं: http://isotope.metafizzy.co/demos/layout-modes.html

यहाँ मेरी बेला है। जो बेहद दुर्भाग्यपूर्ण है। :(

+0

के रूप में मैं http://isotope.metafizzy.co/demos/ पर इस क़ौम खेला:

संपादित करें: यहाँ perfectMasonry विस्तार यहां नए तत्व और आकार बदलें: http://isotope.metafizzy.co/custom-layout-modes/masonry-gutters.html – shershen

उत्तर

12

मैंने अपना खुद का विस्तार (परिपूर्ण मेसनरी) लिखना समाप्त कर दिया जो अंतराल नहीं छोड़ता है, बल्कि इसके बजाय "ईंट की दीवार" पूरी तरह से प्रस्तुत करता है। :) मैं इसे प्रकाशित करने की कोशिश करूंगा (गिटहब, शायद) जैसे ही मैं जी और इसे साफ करने के लिए कुछ खाली समय। वहाँ हमेशा है आकार बदलने पर एक अंतर के लिए एक जगह हो सकता है - - जोड़ने का प्रयास करें https://github.com/zonear/isotope-perfectmasonry

+2

आप महोदय, एक सज्जन और विद्वान हैं। – Jacksonkr

+0

हेहेह। धन्यवाद! उम्मीद है कि यह आपके लिए काम करता है :) – crappish

+0

मुझे एक 'अनकॉट टाइप एरर: प्रॉपर्टी' _perfectMasonryReset 'ऑब्जेक्ट # एक फ़ंक्शन नहीं है' जब मैं सही मेसनरी का प्रयास करता हूं - कोई विचार? संपादित करें: कभी नहीं! मैं सही मेसनरी स्क्रिप्ट को सही ढंग से कॉपी नहीं करता! – Probocop

1

आप this fiddle और that screenshot को देखें, तो - जबकि आपके divs में संख्या को देख - आप देखते हैं कि अगले चिनाई तत्व (लाल तत्व 5) संभवतः सफेद वर्ग में फिट नहीं कर सकते यह तत्व के बाद आना चाहिए के रूप में 4; तो जहां इसे समाप्त करना चाहिए, इसका मतलब है कि, केवल तीन पंक्तियों के साथ फिटिंग करने के लिए, आपको एक सफेद अंतर मिलेगा। हो सकता है कि आप आइसोटोप के शफल और reLayout विधियों और बलिदान को अपने तत्वों को सख्त क्रम में ऑर्डर करने के लिए उपयोग कर सकें?