2013-01-10 17 views
5

extension of perfectMasonry by zonearसही चिनाई कैसे केन्द्रित करें? (आइसोटोप)

साथ आइसोटोप का उपयोग करते हुए अब तक ऐसा लगता है कि यह अच्छी तरह से काम कर रहा है, सब मैं सोच रहा हूँ किसी को भी जानता है कंटेनर केंद्र के लिए कैसे है। बिना किस्मत के सीएसएस के साथ कोशिश की। मूल आइसोटोप has centered masonry

कोई भी? धन्यवाद

>> अद्यतन < <

नई आइसोटोप (v2) बाहर है और यह एक layoutmode called packery के साथ "सही चिनाई" बिट करता है। इसके अलावा नया आइसोटोप संस्करण does center masonry/isotope। लेकिन मैं वास्तव में fitWidth का उपयोग नहीं करते के रूप में मैं बस लेआउट शुरू में केंद्रित चिनाई पाने के लिए bootstrap और आइसोटोप शीर्ष पर लागू का उपयोग करें (एक बार फ़िल्टर्ड यद्यपि केंद्रित नहीं, कि उपयोग fitWidth के लिए)

+0

दूसरा लिंक टूटा हुआ है। – Mizipzor

+0

@Mizipzor धन्यवाद, अपडेट किया गया। Metafizzy में डी Desandro v1 स्थान ले जाया गया। –

+0

आइसोटोप v2 उपयोगकर्ताओं के लिए, [डॉक्स राज्य] (http://isotope.metafizzy.co/layout-modes/masonry.html#fitwidth) कि _fitWidth_ केवल निश्चित-आकार कॉलम के साथ संगत है, प्रतिशत पोजीशनिंग के साथ नहीं - जो बनाता है समझ: यदि आपके पास टाइल्स हैं जो कंटेनर चौड़ाई के 25% हैं, तो कंटेनर आकार बदलें, इसके अंदर की टाइल्स भी आकार बदलती हैं। – Beejamin

उत्तर

5

है कि आप विस्तार पाया सुनना अच्छा लगा। :) वर्तमान में इसे केंद्रित करने का एकमात्र तरीका कंटेनर पर एक विशिष्ट चौड़ाई है। बेशक, यदि आप अपने डिजाइन को उत्तरदायी होना चाहते हैं (आप क्यों नहीं करेंगे), एक शुद्ध सीएसएस समाधान के रूप में, व्यवहार्य नहीं है।

उत्तरदायी लेआउट के लिए आपको इसे "हाथ से" करने की आवश्यकता है - विंडो में एक आकार बदलने वाला ट्रिगर बांधें और प्रत्येक आकार बदलने पर, गणना करें कि कंटेनर को कितना चौड़ा होना चाहिए (अपनी टाइल चौड़ाई को जानना)। जब मैं समय प्राप्त करता हूं तो मैं इस बिंदु को एक्सटेंशन में सेंकना चाहूंगा। उम्मीद है की यह मदद करेगा। :)


संपादित करें: सही मेसनरी अब शुद्ध सीएसएस द्वारा लेआउट को केंद्रित करने का समर्थन करता है, क्योंकि अब यह चौड़ाई निर्दिष्ट हो जाती है। तो, कंटेनर सीएसएस के लिए सरल मार्जिन ऑटो चाल करना चाहिए। इस तरह।

#container { 
    margin: auto; 
} 
+0

अरे, धन्यवाद! एक क्षैतिज लेआउट होने के बारे में कैसे? कोड में आप ऊंचाई निर्दिष्ट करते हैं, सोचा कि मैं एक कंटेनर ऊंचाई सेट कर सकता हूं और लेआउट क्षैतिज रख सकता हूं, लेकिन यह काम नहीं कर रहा है (या मैंने प्रबंधित नहीं किया है) –

+0

ओह, आपका मतलब है कि यह किनारे पर स्क्रॉल करेगा? – crappish

+0

हाँ .. आम तौर पर आपका विस्तार सही चिनाई के मामले में सही है। लेकिन क्या होगा यदि मैं लेआउट को केन्द्रित करना चाहता था? या क्या होगा यदि मैं एक कंटेनर निश्चित ऊंचाई के साथ एक क्षैतिज लेआउट चाहता था (हाँ कि यह किनारे पर घुमाएगा)? डेविड उन्हें दोनों: केंद्रित: http://isotope.metafizzy.co/custom-layout-modes/centered-masonry.html क्षैतिज: http://isotope.metafizzy.co/docs/layout- modes.html # masonryhorizontal –