गुण column-count

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

सिंटैक्स

cssसिलेक्टर {
  column-count: संख्या | auto;
}

मान

डिफ़ॉल्ट मान: auto.

उदाहरण

इस उदाहरण में, टेक्स्ट 3 कॉलम में विभाजित हो जाएगा (निश्चित रूप से, उन ब्राउज़रों में जो बहु-कॉलम लेआउट का समर्थन करते हैं, अन्य में यह केवल एक कॉलम में सामान्य टेक्स्ट होगा):

html<div id="elem">
  some long text
</div>

css#elem {
  column-count: 3;
  text-align: justify;
}

Результат:

उदाहरण . मान auto

इस उदाहरण में, कॉलम की चौड़ाई column-width 150px पर सेट है, और उनकी संख्या column-count auto मान पर है - ब्राउज़र स्वयं आवश्यक संख्या में कॉलम और उनके बीच का अंतराल चुन लेगा:

html<div id="elem">
  some long text
</div>

css#elem {
  column-count: auto;
  column-width: 150px;
  text-align: justify;
}

Результат:

यह भी देखें