पाठ आकार

Question

फिट करने के लिए HTML तालिका कक्ष का आकार कैसे बदलें I मेरे पास 2 पंक्तियों और चर कॉलम वाली एक तालिका है। मैंने कॉलम के लिए चौड़ाई = 100% की कोशिश की। तो दृश्य में पहली सामग्री फिट होगा। लेकिन मान लीजिए कि क्या मैं गतिशील रूप से सामग्री बदल रहा हूं, तो यह HTML तालिका कॉलम आकार को गतिशील रूप से बढ़ा/घटा नहीं रहा है। अग्रिम धन्यवाद।

Answer 1

यदि आप सामग्री के आधार पर कोशिकाओं का आकार बदलना चाहते हैं, तो आपको तालिका, पंक्तियों या कक्षों की चौड़ाई निर्दिष्ट नहीं करनी चाहिए।

यदि आप शब्द लपेटना नहीं चाहते हैं, तो कक्षों में सीएसएस शैली white-space: nowrap असाइन करें।

Answer 2

आप इस कोशिश कर सकते हैं:

एचटीएमएल

<table> 
    <tr> 
     <td class="shrink">element1</td> 
     <td class="shrink">data</td> 
     <td class="shrink">junk here</td> 
     <td class="expand">last column</td> 
    </tr> 
    <tr> 
     <td class="shrink">elem</td> 
     <td class="shrink">more data</td> 
     <td class="shrink">other stuff</td> 
     <td class="expand">again, last column</td> 
    </tr> 
    <tr> 
     <td class="shrink">more</td> 
     <td class="shrink">of </td> 
     <td class="shrink">these</td> 
     <td class="expand">rows</td> 
    </tr> 
</table> 

सीएसएस

table { 
    border: 1px solid green; 
    border-collapse: collapse; 
    width:100%; 
} 

table td { 
    border: 1px solid green; 
} 

table td.shrink { 
    white-space:nowrap 
} 
table td.expand { 
    width: 99% 
}