कॉलम - सीएसएस-ट्रिक्स | सीएसएस पंचांग 2025

बस कुछ सीएसएस नियमों के साथ, आप एक प्रिंट-प्रेरित लेआउट बना सकते हैं जिसमें वेब का लचीलापन है। यह एक अखबार लेने जैसा है, लेकिन जैसे-जैसे पेपर छोटा होता जाएगा, कॉलम अपने आप समायोजित हो जाएगा और सामग्री को स्वाभाविक रूप से प्रवाहित करने की अनुमति देगा।

.intro ( columns: 300px 2; )

columnsसंपत्ति को स्वीकार करेंगे column-count, column-width, या दोनों गुण।

columns: || ;

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

एक बहु-स्तंभ लेआउट एक लचीला नेविगेशन बनाने के लिए सूचियों सहित ब्लॉक तत्वों पर बहुत अच्छा काम करता है।

अपने मल्टी-कॉलम लेआउट को और बेहतर बनाने के लिए, break-insideउन्हें कॉलम के बीच अटकने से बचाने के लिए विशिष्ट तत्वों का उपयोग करें ।