2011-11-19 22 views
9

मैं जैसे एक मेज कर दिया है:HTML तालिका स्तंभ चौड़ाई: तय संयोजन और चर चौड़ाई

<table style="width:1000px;"> 
    <tr> 
    <td>aaa</td> 
    <td id="space"></td> 
    <td class="fixed-width">bbb</td> 
    <td class="fixed-width">ccc</td> 
    </tr> 
</table> 

ताकि बी और सी स्तंभों एक निश्चित चौड़ाई है मैं सीएसएस करना होगा कैसे, किसी स्तंभ केवल आवश्यकतानुसार उतनी जगह लेती है, और शेष तालिका को भरने के लिए स्पेस कॉलम का विस्तार होता है?

उत्तर

4

मैं कोई सीएसएस गुरु नहीं हूं, लेकिन यह सही नहीं लगता कि ऐसा करने का कोई तरीका नहीं होगा। यह फ़ायरफ़ॉक्स और आईई 7 में काम करता प्रतीत होता है। मैंने अन्य ब्राउज़रों की जांच नहीं की है।

पहला सिकुंक-टू-फिट < कोल > सेट (सीएसएस का उपयोग करके) 0 चौड़ाई तक है, इसलिए यह सामग्री को फिट करने के लिए छोटा हो जाता है।

दूसरी जगह < कोल > तालिका में फिट होने की तुलना में चौड़ाई के लिए सेट (सीएसएस का उपयोग करके) सेट है।

अंतिम दो निश्चित चौड़ाई < कॉल > एस की चौड़ाई < को > पर नहीं है। इसके बजाए, यह < टीडी > शैली पर सेट है। यह कॉलम चौड़ाई को मजबूर करता है।

<!DOCTYPE html> 
<html> 
    <head> 
     <title>cols</title> 
     <style type="text/css"> 
      td.fixed-width { 
       width: 100px; 
       background-color:aqua 
      } 
      td.min-width {background-color:aqua} 
      td.space {border: thick blue solid} 
     </style> 
    </head> 
    <body style="width:1100px; font-family:sans-serif"> 
     <table style="width:1000px;"> 
      <col style="width:0"/> 
      <col style="width:1000px"/> 
      <col span="2" /> 
      <tr> 
       <td class="min-width">aaa</td> 
       <td class="space"></td> 
       <td class="fixed-width">bbb</td> 
       <td class="fixed-width">ccc</td> 
      </tr> 
      <tr> 
       <td class="min-width">aaa asdfasdf asdfsad</td> 
       <td class="space"></td> 
       <td class="fixed-width">bbb fasdas</td> 
       <td class="fixed-width">ccc vdafgf asdf adfa a af</td> 
      </tr> 
     </table> 
    </body> 
</html> 
+0

यह काम किया! बहुत धन्यवाद। – whotemp

+1

@whotemp - आपका स्वागत है। मैंने सीएसएस 2.1 spec को देखने के लिए यह देखा कि क्या मुझे इस व्यवहार की आवश्यकता कुछ भी मिल सकती है, और खाली हो गया। मैं यह कह रहा हूं कि, यह कह रहा है कि, तालिका में क्षैतिज स्थान की कमी की स्थिति में, चौड़ाई प्रदान करने के लिए, कॉलम में कोशिकाओं को देने के लिए उच्च प्राथमिकता है। –

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