सीएसएस प्रतिशत चौड़ाई और एक मेज सेल

Question

मैं एक मेज जहां कोशिकाओं 'चौड़ाई प्रतिशत में है है और मैं text-overflow: ellipsis उपयोग करने के लिए पाठ की लंबी लाइनों छुपाना चाहते हैं में पाठ-अतिप्रवाह:

http://jsfiddle.net/Fm5bM/

में उदाहरण के लिए इलिप्सिस एक div में ठीक काम करता है लेकिन सेल में नहीं। यह अभी भी width:60% और max-width:60% दोनों को बढ़ता और अनदेखा करता है।

यदि मैं सेल में display:block जोड़ता हूं, तो पाठ 60% पर बंद हो जाता है और एलिप्सिस प्राप्त होता है, लेकिन सेल की कुल चौड़ाई अभी भी पूरे पाठ का आकार है।

http://jsfiddle.net/Fm5bM/3/

अंत में, मैं मेज स्क्रीन फिट करने के लिए चाहते हैं। शुद्ध सीएसएस के साथ ऐसा करने का कोई तरीका है?

Answer 1

यह आसानी से table-layout: fixed का उपयोग कर किया जाता है, लेकिन "थोड़ा मुश्किल" क्योंकि बहुत से लोग इस सीएसएस संपत्ति के बारे में नहीं जानते हैं।

table { 
    width: 100%; 
    table-layout: fixed; 
} 

अद्यतन बेला यहाँ पर कार्य करते हुए देखें: http://jsfiddle.net/Fm5bM/4/