2010-10-05 9 views
5

मैं HTML का उपयोग कर एक आरेख बनाना चाहता हूं। मैंने स्तंभों के साथ तय की गई एक तालिका का उपयोग किया। सबकुछ ठीक दिखता है, लेकिन यदि सेल की सामग्री बहुत लंबी है, तो स्तंभ चौड़ाई का विस्तार किया जाता है। मैं कॉलम चौड़ाई को स्थिर रखना चाहता हूं, भले ही कुछ सामग्री छिपी हो।फिक्स्ड-साइज एचटीएमएल टेबल सेल, भले ही सामग्री बहुत बड़ी हो?

क्या ऐसा करने का कोई तरीका है?

+0

[सीएसएस: संभवतः डुप्लिकेट [सीएसएस: टेबल कॉलम चौड़ाई को अपने कक्षों में पाठ की मात्रा के बावजूद कैसे सेट करें?] (Http://stackoverflow.com/questions/4457506/css-how-to-set-the -टेबल-कॉलम-चौड़ाई-स्थिर-पर-बिना-मात्रा-पाठ-पाठ) –

उत्तर

4

इसके अलावा @ barrylloyd के जवाब देने के लिए, मैं भी उपयोग करने का सुझाव चाहते हैं:

td,th { 
    min-width: 3em; /* the normal 'fixed' width */ 
    width: 3em; /* the normal 'fixed' width */ 
    max-width: 3em; /* the normal 'fixed' width, to stop the cells expanding */ 
} 

min-width अनावश्यक हो सकता है, लेकिन यह सभी अड्डों को शामिल करता है।

+0

बहुत बहुत धन्यवाद! अतिप्रवाह का संयोजन: छुपा और अधिकतम चौड़ाई: 1em चाल चल रहा था! – Noam

1

कैसे सीएसएस के बारे में यह पता करने के लिए:

td { overflow: hidden; } 

शायद काफी होना चाहिए।

+0

मुझे विश्वास नहीं है कि 'td'' अतिप्रवाह 'संपत्ति का सम्मान करता है। – founddrama

7

प्रयास करें ...

तालिका {टेबल लेआउट: तय}

अपने स्टाइलशीट में

यह ब्राउज़र तय तालिका लेआउट कलन विधि का उपयोग करने के लिए मजबूर करता ...

फिक्स्ड तालिका लेआउट कलन विधि:

  • क्षैतिज लेआउट केवल तालिका की चौड़ाई और स्तंभों की चौड़ाई पर निर्भर करता है , कोशिकाओं की सामग्री
  • ब्राउज़र को स्वत: तालिका लेआउट
  • से तालिका को तेज़ी से बाहर रखने की अनुमति देता है ब्राउज़र ब्राउज़र के बाद तालिका को प्रदर्शित करना शुरू कर सकता है पहला पंक्ति

प्राप्त हो गया है (http://www.w3schools.com/Css/pr_tab_table-layout.asp देखें)

+0

एकमात्र चीज जो मैं इसमें जोड़ूंगा वह यह है कि पाठ अभी भी 'td' (उदाहरण के लिए, यदि आपके पास एक सुपर-स्ट्रिंग स्ट्रिंग है) बहती है और यदि * * * होता है तो आप 'td' सामग्री को लपेटने पर विचार करना चाहते हैं 'ओवरफ्लो: ऑटो' सेट के साथ 'div' में। – founddrama

संबंधित मुद्दे