अधिकतम-चौड़ाई: -webkit-fit-content यानी 8 समकक्ष?

Question

क्या 812 के लिए max-width:-webkit-fit-content; के लिए कोई हैक हैं?

माता-पिता की पूरी चौड़ाई न लेने के लिए बच्चे को div प्राप्त करने का प्रयास करना और यह एफएफ, क्रोम और सफारी के साथ अच्छी तरह से काम करता है; उम्मीद है कि इसे 8 यानी के साथ काम करने के लिए कुछ हैक भी है।

व्यवहार दिखा फिडल: व्यवहार मैं IE8 में चाहते हैं के लिए http://jsfiddle.net/XtZq9/ कोड:

#wrap { 
    background-color: aqua; 
    width:300px; 
    height: 50px; 
    padding-top: 1px; 
} 

.textbox { 
    background-color: yellow; 
    max-width: intrinsic; 
    max-width:-webkit-fit-content; 
    max-width: -moz-max-content; 
    margin-top: 2px; 
} 

<div id="wrap"> 
    <div class="textbox"> 
     Here is some text 
    </div> 
    <div class="textbox"> 
     Here is other, longer, text 
    </div> 
</div> 

Answer 1

निकटतम मैं अपने तत्वों तैर रहा है सोच सकते हैं। बिल्कुल समान नहीं है, लेकिन शायद पर्याप्त रूप से समान है;) हालांकि आपको अतिरिक्त मार्जिन सेट करने की आवश्यकता है, लेकिन यह सशर्त स्टाइलशीट के साथ कोई समस्या नहीं होनी चाहिए।

.textbox { 
    background-color: yellow; 
    float:left; 
    clear:left; 
} 

Your modified fiddle

Answer 2

नहीं

अभी तक; http://caniuse.com/#feat=intrinsic-width &

https://wpdev.uservoice.com/forums/257854-internet-explorer-platform/suggestions/6263702-css-intrinsic-sizing

Answer 3

demosthenes.info से देख रहा है रखने के लिए, मैं मैं बस

width: fit-content; 

के बजाय

display: table; 

उपयोग कर सकते हैं हालांकि लिंक की जाँच करें व्हाइटस्पेस के साथ समस्याओं के बारे में सीखा। यह मेरे मामले पर लागू नहीं होता है, और बस चौड़ाई को प्रतिस्थापित करता है: फिट-सामग्रीडिस्प्ले के साथ: तालिका मेरी समस्या को आसानी से हल करती है।