सामग्री के लिए फ़िट सेल चौड़ाई

Question

निम्नलिखित मार्कअप को देखते हुए, मैं एक सेल (कॉलम में सभी कोशिकाओं) को बल देने के लिए सीएसएस का उपयोग कैसे कर सकता हूं ताकि खिंचाव (जो डिफ़ॉल्ट व्यवहार है) के बजाय सामग्री की चौड़ाई तक फिट हो सके?

<style type="text/css"> 
td.block 
{ 
border: 1px solid black; 
} 
</style> 
<table style="width: 100%;"> 
<tr> 
    <td class="block">this should stretch</td> 
    <td class="block">this should stretch</td> 
    <td class="block">this should be the content width</td> 
</tr> 
</table> 

संपादित करें: मुझे लगता है मैं कठिन चौड़ाई कोड सकता है, लेकिन मैं नहीं बल्कि जो सामग्री जो उस कॉलम में जाना होगा गतिशील है के रूप में ऐसा नहीं होता।

नीचे दी गई छवि को देखते हुए, पहली छवि मार्कअप उत्पन्न करती है। दूसरी छवि वह है जो मैं चाहता हूं।

Answer 1

मुझे यकीन है कि अगर मैं अपने प्रश्न समझ में नहीं हूँ, लेकिन मैं इस पर एक चाकू ले लेंगे। JSfiddle of the example।

HTML:

<table style="width: 100%;"> 
<tr> 
    <td class="block">this should stretch</td> 
    <td class="block">this should stretch</td> 
    <td class="block">this should be the content width</td> 
</tr> 
</table> 

सीएसएस:

td{ 
    border:1px solid #000; 
} 

tr td:last-child{ 
    width:1%; 
    white-space:nowrap; 
}