इनलाइन-ब्लॉक तत्वों के भीतर लाइन ब्रेक का सीएसएस सम्मिलन: एक सैद्धांतिक अन्वेषण

वेब विकास के लगातार विकसित हो रहे परिदृश्य में, क्षमता सामग्री के प्रवाह में हेरफेर करना सर्वोपरि है। एक विशेष चुनौती जो अक्सर उत्पन्न होती है, उसमें इनलाइन-ब्लॉक तत्वों के भीतर लाइन ब्रेक का सम्मिलन शामिल होता है।

अच्छी खुशबू आ रही है

स्वाद बढ़िया है

स्वादिष्ट

जब निम्नलिखित सीएसएस स्टाइल के साथ जोड़ा जाता है:

Features

• Smells Good
• Tastes Great
• Delicious

यह HTML कोड तीन सूची आइटमों को एक क्षैतिज पंक्ति के रूप में प्रस्तुत करता है, जैसा कि http://jsfiddle.net/YMN7U/1/ पर दिखाया गया है। हालाँकि, इरादा इस सामग्री को तीन कॉलमों में तोड़ने का है, तीसरे इनलाइन-ब्लॉक तत्व के बाद प्रभावी ढंग से एक लाइन ब्रेक डालने का। फलदायक. इस प्रकार, सवाल उठता है: क्या सीएसएस मूल रूप से इनलाइन-ब्लॉक सामग्री के भीतर एक लाइन ब्रेक डाल सकता है? डिस्प्ले के भीतर एक लाइन ब्रेक को बाध्य करें: इनलाइन-ब्लॉक तत्व। यह सीमा इनलाइन सामग्री की अंतर्निहित प्रकृति से उत्पन्न होती है, जो लाइन ब्रेक का सम्मान किए बिना लगातार बहती रहती है।

#features li {
    text-align: center;
    display: inline-block;
    padding: 0.1em 1em;
}
img {
    width: 64px;
    display: block;
    margin: 0 auto;
}

वर्तमान सीएसएस क्षमताओं के आधार पर, यह असंभव है इनलाइन-ब्लॉक सामग्री के भीतर एक लाइन ब्रेक को बाध्य करें। यह सैद्धांतिक अन्वेषण इनलाइन तत्वों के प्रवाह में सटीकता के साथ हेरफेर करने में सीएसएस की सीमाओं पर प्रकाश डालता है।