औचित्य-सामग्री: व्याख्या के बीच का स्थान (सीएसएस)
दृश्य रूप से सीएसएस फ्लेक्सबॉक्स लेआउट बनाएं: फ्लेक्स-दिशा, जस्टिफाई-कंटेंट, एलाइन-आइटम, फ्लेक्स-रैप और कंटेनर पर गैप, प्लस प्रति-चाइल्ड फ्लेक्स-ग्रो, फ्लेक्स-श्रिंक और फ्लेक्स-बेस, सभी एक लाइव पूर्वावलोकन और कॉपी करने योग्य सीएसएस के साथ।
नतीजा
यह पेज जनरेटर को बीच-बीच में जस्टिफाई-कंटेंट सेट के साथ खोलता है: पहला बॉक्स कंटेनर के शुरुआती किनारे के खिलाफ फ्लश बैठता है, आखिरी बॉक्स इसके अंतिम किनारे के खिलाफ फ्लश बैठता है, और बचे हुए स्थान को बीच में बक्से के बीच समान अंतराल में विभाजित किया जाता है - पहले वाले से पहले या आखिरी के बाद कभी नहीं।
यही वह विवरण है जिसे लोग मिलाते हैं। स्पेस-अराउंड प्रत्येक बॉक्स को उसके दोनों किनारों पर समान मार्जिन देता है, इसलिए बक्सों के बीच का अंतराल दो बाहरी किनारों पर अंतराल से दोगुना चौड़ा हो जाता है (प्रत्येक किनारे को केवल एक बॉक्स का मार्जिन मिलता है, दो का नहीं)। अंतरिक्ष-समान रूप से आगे बढ़ता है और प्रत्येक अंतराल को एक ही आकार का बनाता है, जिसमें दो बाहरी किनारे भी शामिल हैं - तीन में से एकमात्र ऐसा जहां रिक्ति सभी तरह से बिल्कुल समान दिखती है।
नीचे दिए गए तीन मानों के बीच जस्टिफ़ाई-कंटेंट ड्रॉपडाउन को स्विच करें और उन्हीं तीन बक्सों को पुनर्व्यवस्थित होते हुए देखें - यह याद रखने के बजाय अंतर देखने का सबसे तेज़ तरीका है। जो भी रिक्ति आप वास्तव में चाहते हैं उससे मेल खाने वाले सीएसएस की प्रतिलिपि बनाएँ।