ओवरफ़्लो: फ़ायरफ़ॉक्स में ऑटो काम नहीं करता

Question

मेरे पास एक टेबल है। इसकी <td>overflow: auto है।

चौड़ाई 100px होने के लिए सेट है। फ़ायरफ़ॉक्स में केवल, 100px से अधिक पाठ छिपा हुआ और स्क्रॉलबार के साथ प्रतिस्थापित नहीं किया गया है।

मैं सामग्री को कैसे छिपा सकता हूं और स्क्रॉलबार को अपने कंटेनर की चौड़ाई से अधिक कैसे कर सकता हूं?

http://jsfiddle.net/be6tM/10/

Answer 1

here से इस सवाल का शायद आपकी समस्या

nickb जवाब का समाधान: "एक <div> में यह लपेटकर कोशिश करो। मैं बहुत यकीन है कि अतिप्रवाह विशेषता एक <td> तत्व के लिए परिभाषित नहीं किया गया है हूँ, कम से कम HTML4 में यह नहीं है। "

कोशिश अपने overflow:autowrapper आशा को डाल करने के लिए यह आप

pre, div { 
    width:100%; 
    overflow: auto !important; 
} 

काम कर मदद कर सकते हैं demo

Answer 2

यह करने के लिए सीएसएस

div { 
    overflow:auto;  
} 

td { 
    border: 1px solid rgb(0,0,0); 
    min-width: 100px; 
    max-width: 100px; 
} 

कार्य उदाहरण के लिए एचटीएमएल

<td class="first"> 
    <div>Don ovonMrLongNameIsMe!!!</div> 
</td> 

और इस में जोड़ने के लिए होगा आसान तरीका:

div { 
 
     overflow:auto;  
 
    } 
 

 
    td { 
 
     border: 1px solid rgb(0,0,0); 
 
     min-width: 100px; 
 
     max-width: 100px; 
 
    }

<table>  
 
    <tr> 
 
    <td class="first"> 
 
     <div>Don ovonMrLongNameIsMe!!!</div> 
 
    </td> 
 
    </tr> 
 
</table>