सीएसएस कॉलम जनरेटर कस्टमाइज़ करने योग्य कॉलम गिनती, अंतर और नियम शैली के साथ मल्टी-कॉलम टेक्स्ट लेआउट बनाएं।
सीएसएस कॉलम जनरेटर
कस्टमाइज़ करने योग्य कॉलम गिनती, अंतर और नियम शैली के साथ मल्टी-कॉलम टेक्स्ट लेआउट बनाएं।
कॉलम की संख्या या चौड़ाई निर्धारित करें
निश्चित कॉलम गणना या प्रतिक्रियात्मक कॉलम चौड़ाई मोड के बीच चुनें।
कॉलम नियमों को शैलीबद्ध करें
अंतराल आकार सेट करें और विभाजक रेखा शैली, चौड़ाई और रंग को अनुकूलित करें।
सीएसएस की प्रतिलिपि बनाएं
बहु-कॉलम टेक्स्ट लेआउट का पूर्वावलोकन करें और सीएसएस की प्रतिलिपि बनाएं।
What Is सीएसएस कॉलम जनरेटर?
सीएसएस कॉलम जनरेटर अखबार या पत्रिका डिज़ाइनों की तरह मल्टी-कॉलम टेक्स्ट लेआउट बनाता है। सीएसएस मल्टी-कॉलम लेआउट मॉड्यूल सामग्री को स्वचालित रूप से कई कॉलम में फ्लो करने की अनुमति देता है, और यह टूल आपको सभी प्रमुख गुणों पर विज़ुअल नियंत्रण प्रदान करता है। आप कॉलम-गिनती (निश्चित संख्या में कॉलम) या कॉलम-चौड़ाई (कंटेनर चौड़ाई के आधार पर समायोजित करने वाले प्रतिक्रियात्मक कॉलम) के बीच चुन सकते हैं। कॉलम-गैप संपत्ति कॉलम के बीच की दूरी को नियंत्रित करती है, और कॉलम-नियम एक दृश्य विभाजक रेखा जोड़ता है जिसकी शैली, चौड़ाई और रंग अनुकूलन योग्य होते हैं। पूर्वावलोकन आपकी सेटिंग्स को नमूना टेक्स्ट पर लागू करता है, यह दिखाता है कि सामग्री कॉलम में कैसे बहती है। यह लेआउट तकनीक पाठ-भारी पृष्ठों, लेखों और दस्तावेज़ीकरण के लिए उत्कृष्ट है।
Why Use सीएसएस कॉलम जनरेटर?
-
कॉलम-गणना और कॉलम-चौड़ाई मोड के बीच टॉगल करें
-
अनुकूलित कॉलम नियम के साथ शैली, चौड़ाई और रंग विकल्प
-
वास्तविक समय पूर्वावलोकन बहता हुआ नमूना पाठ के साथ
-
सOLID, डैश्ड और बिंदीदार सहित सात नियम शैली विकल्प
Common Use Cases
लेख लेआउट
बेहतर पढ़ने के लिए अखबार-शैली बहु-कॉलम लेख लेआउट बनाएं।
दस्तावेज़ पृष्ठ
ग्लोसरी, सूचकांक और संदर्भ पृष्ठों के लिए कॉलम का उपयोग करें।
कार्ड सूची
कार्ड जैसी सामग्री को मेसनरी-शैली बहु-कॉलम लेआउट में व्यवस्थित करें।
फुटर सामग्री
फुटर लिंक और जानकारी को साफ़ कॉलम में व्यवस्थित करें।
Technical Guide
सीएसएस मल्टी-कॉलम मॉड्यूल निश्चित संख्या में कॉलम निर्दिष्ट करने के लिए कॉलम-गिनती का उपयोग करता है या एक न्यूनतम कॉलम चौड़ाई सेट करने के लिए कॉलम-चौड़ाई (ब्राउज़र इष्टतम गणना करता है)। कॉलम-गैप संपत्ति कॉलम के बीच की गटर स्थापित करती है। कॉलम-नियम कॉलम-नियम-चौड़ाई, कॉलम-नियम-शैली और कॉलम-नियम-रंग के लिए एक संक्षिप्त नाम है, जो कॉलम के बीच एक दृश्य विभाजक जोड़ता है। सामग्री स्वचालित रूप से एक कॉलम से अगले कॉलम में बहती है। तत्वों को कॉलम में तोड़ने से रोकने के लिए, ब्रेक-इनसाइड: अवॉइड का उपयोग करें। कॉलम-स्पैन: सभी संपत्ति एक तत्व को सभी कॉलम में फैलाती है (शीर्षकों के लिए उपयोगी)। कॉलम लेआउट टेक्स्ट सामग्री के लिए अच्छा काम करते हैं लेकिन इंटरैक्टिव तत्वों या छवियों के साथ समस्याएं पैदा कर सकते हैं। प्रतिक्रियात्मक डिज़ाइन के लिए, कॉलम-गिनती की तुलना में कॉलम-चौड़ाई आमतौर पर पसंद की जाती है क्योंकि यह स्वाभाविक रूप से कंटेनर चौड़ाई को समायोजित करती है।
Tips & Best Practices
-
1प्रतिक्रियात्मक लेआउट के लिए कंटेनर आकार के अनुसार समायोजित करने के लिए कॉलम-चौड़ाई का उपयोग करें
-
2अवांछनीय सामग्री टूटने से रोकने के लिए break-inside: avoid जोड़ें
-
3सभी कॉलम में फैलाने वाले शीर्षलेखों के लिए column-span: all का उपयोग करें
-
4स्क्रीन पर आरामदायक पढ़ने के लिए कॉलम गणना 4 से कम रखें
Related Tools
सीएसएस फ्लेक्सबॉक्स प्लेग्राउंड
इंटरएक्टिव नियंत्रणों के साथ विज़ुअल सीएसएस फ्लेक्सबॉक्स एक्सप्लोरर, सभी फ्लेक्स कंटेनर गुणों के लिए。
🎨 CSS & Design
सीएसएस ग्रिड प्लेग्राउंड
इंटरएक्टिव नियंत्रणों के साथ विज़ुअल सीएसएस ग्रिड बिल्डर, टेम्पलेट कॉलम, पंक्तियों, और अंतराल के लिए।
🎨 CSS & Design
उत्तरदायी डिज़ाइन टेस्टर
एक निर्मित iframe दर्शक के साथ आम उपकरण ब्रेकपॉइंट पर वेबसाइटों का पूर्वावलोकन करें।
🎨 CSS & Design
टाइपोग्राफी स्केल जनरेटर
बेस आकार, अनुपात और इकाई को अनुकूलित करने वाला एक मॉड्यूलर टाइपोग्राफिक स्केल बनाएं।
🎨 CSS & DesignFrequently Asked Questions
Q कॉलम-गणना और कॉलम-चौड़ाई में क्या अंतर है?
Q क्या मैं कॉलम के बीच सामग्री टूटने से रोक सकता हूं?
Q क्या बहु-कॉलम लेआउट छवियों के साथ काम करता है?
Q क्या मैं एक तत्व को सभी कॉलम में फैला सकता हूं?
Q क्या बहु-कॉलम लेआउट सभी ब्राउज़रों में समर्थित है?
About This Tool
सीएसएस कॉलम जनरेटर is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.