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

फ्लेक्स लाइनों को उनके बीच समान स्थान के साथ दिखाएं

<घंटा/>

संरेखित-सामग्री का उपयोग करें t प्रॉपर्टी जिसका मान स्पेस-बीच . है फ्लेक्स लाइनों के बीच जगह जोड़ने के लिए।

उदाहरण

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

     
कतार
 
 
Q1

 
Q2

 
Q3
 
Q4

 
Q5

 
Q6

 
Q7

 
Q8
  1. - CSS के साथ फ्लेक्स आइटम को क्षैतिज रूप से सेट करें

    फ्लेक्स-दिशा का उपयोग करें पंक्ति मान . के साथ संपत्ति फ्लेक्स-आइटम को क्षैतिज रूप से सेट करने के लिए। उदाहरण पंक्ति मान को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <head>       <style>     &

  1. - सीएसएस के साथ कंटेनर की शुरुआत में फ्लेक्स लाइनें प्रदर्शित करें

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

  1. CSS3 में फ्लेक्स लेआउट मॉडल को समझना CSS3 में फ्लेक्स लेआउट मॉडल को समझना

    CSS3 एक लेआउट मोड फ्लेक्सिबल बॉक्स प्रदान करता है, जिसे आमतौर पर फ्लेक्सबॉक्स कहा जाता है। फ्लेक्सबॉक्स (लचीला बॉक्स) CSS3 का एक लेआउट मोड है। इस मोड का उपयोग करके, आप जटिल अनुप्रयोगों और वेब पेजों के लिए आसानी से लेआउट बना सकते हैं। इसमें कंटेनर, फ्लेक्स आइटम आदि शामिल हैं। कंटेनर में निम्नलिखित गु