2011-01-26 30 views
5

का वर्टिकल ओवरफ़्लो क्या तालिका तालिका के लिए लंबित ओवरफ़्लो सेट करना संभव है जो ऊर्ध्वाधर दिशा में काम करता है?तालिका टीडी

http://jsfiddle.net/jkXBH/

+0

नहीं, आप नहीं कर सकते। फिर भी एक और कारण [लेआउट के लिए टेबल का उपयोग नहीं करें] (http://phrogz.net/CSS/WhyTablesAreBadForLayout.html)। – Phrogz

उत्तर

7

आपको अपनी टीडी की सामग्री को div में लपेटना होगा और उस div की चौड़ाई और ऊंचाई सेट करना होगा, ओवरफ़्लो सामग्री को छुपा नहीं सकता है।

http://jsfiddle.net/Wx58E/

+0

यह एक अच्छा समाधान प्रतीत होता है, धन्यवाद। ओवरफ्लो-वाई के साथ भी काम करता है ... http://jsfiddle.net/Wx58E/1/ – Zardoz

0

आप अतिप्रवाह-y का उपयोग कर सकते हैं: छिपा हुआ;

+0

काम नहीं कर रहा है: http://jsfiddle.net/jkXBH/4/ (कम से कम फ़ायरफ़ॉक्स 3) – Zardoz

+0

दाईं ओर विस्तारित क्षेत्र div2 है, जिसे आप 200px तक परिभाषित करते हैं; – TheGeekYouNeed

+0

हां, # टीडी 1 जहां # div1 स्थित है ओवरफ्लो-वाई है, लेकिन # div1 (पीला बार) टीडी से आगे नहीं बढ़ता है। – Zardoz

0

प्रत्येक td class अतिप्रवाह काम करने के लिए पर अधिकतम-चौड़ाई सीएसएस प्रॉपर्टी सेट, कोई div के आईई लिए

td 
{ 
    max-width: 100px; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
} 

जरूरत आप IE विशिष्ट प्रतिपादन ठीक करने के लिए आप html में यह करने की जरूरत है मुद्दा (आईई 9 तक)

<!--[if IE]> 
<style> 
    table 
    { 
     table-layout: fixed; 
    } 
</style> 
<![endif]--> 
संबंधित मुद्दे