2011-03-16 24 views
19

मैं वेब विकास में डाइविंग कर रहा हूं और मैं ब्लूप्रिंट सीएसएस ढांचे के साथ खेल रहा हूं, जिसमें एक ग्रिड सिस्टम शामिल है, और मेरे पास कुछ प्रश्न हैं।सीएसएस ग्रिड ढांचे में गटर का क्या मतलब है?

  1. गटर का क्या मतलब है? निश्चित रूप से वे कॉलम के बीच स्थान शामिल करने के लिए उपयोग नहीं किए जाते हैं क्योंकि आप इसके लिए मार्जिन सीएसएस संपत्ति का उपयोग कर सकते हैं, है ना? या मार्जिन का प्रबंधन करने के लिए सिर्फ एक सुरुचिपूर्ण तरीका है?
  2. मुझे अपने कॉलम के बीच कोई जगह नहीं चाहिए और ग्रिड लेआउट उत्पन्न करना चाहते हैं जिसमें गटर शामिल नहीं हैं, लेकिन सभी जेनरेटर टूल मुझे शून्य-चौड़ाई वाले गटर होने से रोकते हैं। ऐसा क्यों है?
  3. ऐसा लगता है कि the suggested Blueprint CSS generator अब समर्थित नहीं है। क्या कोई भी ग्रिड को संशोधित करने के लिए ब्लूप्रिंट सीएसएस जेनरेटर सुझा सकता है जिसमें शून्य-चौड़ाई वाले गटर शामिल हैं?

आपके ज्ञान के लिए बहुत बहुत धन्यवाद!

+0

जेनरेटर जो हर संभावित इनपुट की अनुमति नहीं देते हैं वे हैं जिनका मैं उपयोग नहीं करता हूं। –

+0

@ रैडेक एस, तो दूसरे शब्दों में आप जनरेटर का उपयोग नहीं करते हैं? –

+0

@ निक आप सही हैं :) –

उत्तर

19

एक सीएसएस ग्रिड सिस्टम के पीछे प्रेरणा लेआउट को स्वचालित रूप से स्वचालित करना है। गटर आमतौर पर वांछनीय होते हैं क्योंकि स्तंभों के बीच सफेद स्थान बेहतर सुगमता के लिए बनाता है ताकि उन्हें स्वचालन के हिस्से के रूप में शामिल किया जा सके।

एक जनरेटर का राशन डी'एटर आपको लागू करने के लिए आवश्यक थोड़ी कठिन गणनाओं से छुटकारा दिलाना है, लेकिन गटर के बिना गणित और सीएसएस दोनों जटिल नहीं हैं।

यह जेनरेटर के बिना नो-गटर ग्रिड करने के लिए बहुत सीधे आगे होना चाहिए। जैसे

(column width X nº of columns) + left margin + right margin = content width 

.span-1 {width:100px} 
.span-2 {width:200px} 
.span-3 {width:300px} 
.span-4 {width:400px} 

etc... 
+14

raison d'etre – Ryan

+2

के लिए +1 मुझे लगता है कि यह उत्तर ओप के प्रश्न # 1 को पूरी तरह से संतुष्ट नहीं करता है। क्या गटर मार्जिन के माध्यम से प्रबंधित होते हैं या नहीं? –

+1

@ ई.ई.33 के रूप में bigmattyh कहते हैं - "गटर के पास सीएसएस प्रति से कुछ करने के लिए बिल्कुल कुछ नहीं है ..."। उन्हें बनाने के लिए उपयोग की जाने वाली सीएसएस गुण कार्यान्वयन पर निर्भर है। –

8

गटर के पास सीएसएस प्रति से बिल्कुल कुछ नहीं करना है। वे प्रिंट प्रकाशन से एक डिज़ाइन अवधारणा हैं - वे सामग्री को पढ़ने में आसान बनाने के लिए कॉलम के बीच व्हाइटस्पेस प्रदान करने के लिए हैं।

गटर के बिना कॉलम गणना करने के लिए बहुत आसान हैं। बस एक ही चौड़ाई को प्रत्येक कॉलम में पिक्सल में सेट करें।

संबंधित मुद्दे