Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

कॉलम की संख्या कैसे निर्दिष्ट करें एक तत्व को सीएसएस के साथ विभाजित किया जाना चाहिए

<घंटा/>

कॉलम की संख्या निर्दिष्ट करने के लिए एक तत्व को विभाजित किया जाना चाहिए, कॉलम-गिनती संपत्ति का उपयोग करें।

आप 4 कॉलम के साथ कॉलम-काउंट प्रॉपर्टी को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         .demo {
            column-count: 4;
         }
      </style>
   </head>
   <body>
      <div class = "demo">
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text.
      </div>
   </body>
</html>

  1. CSS के साथ टेक्स्ट की अंतिम पंक्ति को संरेखित करें

    टेक्स्ट-एलाइन-लास्ट प्रॉपर्टी का इस्तेमाल टेक्स्ट की आखिरी लाइन को अलाइन करने के लिए किया जाता है। आप सीएसएस के साथ पाठ की अंतिम पंक्ति को संरेखित करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style&g

  1. एनिमेशन के साथ CSS कॉलम की संपत्ति बदलें

    CSS के साथ कॉलम प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             width: 600px; &

  1. सीएसएस के साथ किसी तत्व के पहलू अनुपात को कैसे बनाए रखें?

    सीएसएस के साथ एक तत्व के पहलू अनुपात को बनाए रखने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body{       font-family: 'S