सीएसएस: लचीला चौड़ाई (न्यूनतम चौड़ाई के बिना) -

Question

मेरे पास 100% चौड़ाई वाले x divs का एक डीआईवी कंटेनर है। आखिरी बच्चा डीआईवी सही तैरता है, शेष बाकी तैरते हैं। सभी बच्चे डीआईवी तब तक एक पंक्ति में रहते हैं जब वे बार में फिट होते हैं (सभी उन्मुख बाएं, आखिरी div को छोड़कर जो दाईं ओर बैठता है)। यदि खिड़की का आकार छोटा हो गया है और बच्चों के पास पर्याप्त कमरा नहीं है, तो वे अपने क्षैतिज अभिविन्यास (जो मैं नहीं चाहता) से गिर जाता हूं। इसे ठीक करने के लिए, मुझे पता है कि मैं डीआईवी कंटेनर की एक न्यूनतम चौड़ाई निर्धारित कर सकता हूं, मुद्दा यह है कि परिवर्तनीय चौड़ाई के कंटेनर में डीवीवी की एक परिवर्तनीय मात्रा है। मैं एक मिनी-चौड़ाई सेट करने में सक्षम होना अनुकरण करना चाहता हूं जहां कंटेनर जहां न्यूनतम-चौड़ाई = सभी बच्चों की चौड़ाई है, लेकिन मैं इन्हें गणना नहीं कर सकता क्योंकि वे परिवर्तनीय हैं (जो सही div और बाकी के बीच लचीली जगह अनुकरण करेंगे , लेकिन उन्हें अनुमति देने की अपेक्षा न करें (इसलिए divs को तोड़ना))।

मैं जानता हूँ कि यह इसलिए यहाँ एक छोटे से स्पष्ट नहीं है एक तस्वीर है:

धन्यवाद!

Answer 1

मुझे यह कहने से नफरत है (या बल्कि विरोधी टेबल भीड़ इससे नफरत करेगी) लेकिन आप जानते हैं कि यह बहुत आसानी से क्या करता है?

यह सही है: टेबल।

<style type="text/css"> 
#topbar { width: 100%; } 
#topbar div { white-space: nowrap; overflow: hidden; } 
#topright div { text-align: right; } 
</style> 
<table id="topbar"> 
<tr> 
    <td><div>Item 1</div></td> 
    <td><div>Item 2</div></td> 
    <td><div>Item 3</div></td> 
    <td><div>Item 4</div></td> 
    <td><div>Item 1</div></td> 
    <td id="topright"><div>Item Right</div></td> 
</tr> 
</table> 

आंतरिक divs महत्वपूर्ण है क्योंकि अतिप्रवाह छिपा केवल ब्लॉक तत्वों और तालिका सेल पर काम करता है तत्व को नहीं हैं (वे "तालिका सेल" प्रदर्शन प्रकार कर रहे हैं) कर रहे हैं।