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

CSS align-content प्रॉपर्टी स्पेस-अराउंड वैल्यू का उपयोग

<घंटा/>

संरेखित-सामग्री का उपयोग करें मूल्य के साथ संपत्ति अंतरिक्ष के आसपास फ्लेक्स लाइनों के आसपास जगह जोड़ने के लिए।

उदाहरण

स्पेस-अराउंड . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं मूल्य:

     
कतार
 
 
Q1

 
Q2

 
Q3
 
Q4

 
Q5

 
Q6

 
Q7

 
Q8
  1. सीएसएस फ्लेक्स-फ्लो संपत्ति

    दोनों flex-direction . को सेट करने के लिए और फ्लेक्स-रैप गुण, एकल गुण का उपयोग करें flex-flow उदाहरण आप फ्लेक्स की दिशा और रैप प्रॉपर्टी सेट करने के लिए फ्लेक्स-फ्लो प्रॉपर्टी को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <head>

  1. सीएसएस फ्लेक्स-आधार संपत्ति

    फ्लेक्स-बेस सीएसएस प्रॉपर्टी के साथ फ्लेक्स आइटम की लंबाई सेट करें। आप फ्लेक्स-आधार संपत्ति को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .m

  1. CSS align-content प्रॉपर्टी का उपयोग flex-start value

    संरेखित-सामग्री का उपयोग करें मूल्य के साथ संपत्ति फ्लेक्स-स्टार्ट शुरुआत में फ्लेक्स लाइनों को सेट करने के लिए। उदाहरण फ्लेक्स-स्टार्ट . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं मूल्य - div {पृष्ठभूमि-रंग:नारंगी; पाठ-संरेखण:केंद्र; लाइन-ऊंचाई:60px; फ़ॉन्ट-आकार:30px; चौड़ा