Skip to main content

सीएसएस कॉलम जनरेटर कस्टमाइज़ करने योग्य कॉलम गिनती, अंतर और नियम शैली के साथ मल्टी-कॉलम टेक्स्ट लेआउट बनाएं।

सीएसएस कॉलम जनरेटर illustration
🎨

सीएसएस कॉलम जनरेटर

कस्टमाइज़ करने योग्य कॉलम गिनती, अंतर और नियम शैली के साथ मल्टी-कॉलम टेक्स्ट लेआउट बनाएं।

1

कॉलम की संख्या या चौड़ाई निर्धारित करें

निश्चित कॉलम गणना या प्रतिक्रियात्मक कॉलम चौड़ाई मोड के बीच चुनें।

2

कॉलम नियमों को शैलीबद्ध करें

अंतराल आकार सेट करें और विभाजक रेखा शैली, चौड़ाई और रंग को अनुकूलित करें।

3

सीएसएस की प्रतिलिपि बनाएं

बहु-कॉलम टेक्स्ट लेआउट का पूर्वावलोकन करें और सीएसएस की प्रतिलिपि बनाएं।

Loading tool...

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

Frequently Asked Questions

Q कॉलम-गणना और कॉलम-चौड़ाई में क्या अंतर है?
कॉलम-गणना एक निश्चित संख्या में कॉलम सेट करती है। कॉलम-चौड़ाई एक न्यूनतम चौड़ाई सेट करती है और ब्राउज़र को प्रतिक्रियात्मक रूप से गणना करने देती है।
Q क्या मैं कॉलम के बीच सामग्री टूटने से रोक सकता हूं?
हाँ, जिन तत्वों को कॉलम में विभाजित नहीं करना चाहिए उन पर break-inside: avoid का उपयोग करें।
Q क्या बहु-कॉलम लेआउट छवियों के साथ काम करता है?
हाँ, लेकिन बड़ी छवियां लेआउट समस्याएं पैदा कर सकती हैं। छवि कंटेनर पर break-inside: avoid का उपयोग करें।
Q क्या मैं एक तत्व को सभी कॉलम में फैला सकता हूं?
हाँ, किसी भी तत्व पर column-span: all का उपयोग करके इसे पूर्ण चौड़ाई में सभी कॉलम में फैलाया जा सकता है।
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.