निम्नलिखित मार्कअप को देखते हुए, मैं कैसे एक सेल (स्तंभ में सभी कोशिकाओं) को बल के बजाय खिंचाव (जो कि डिफ़ॉल्ट व्यवहार है) के भीतर सामग्री की चौड़ाई पर फिट करने के लिए उपयोग कर सकता है?
<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>
संपादित करें: मुझे पता है कि मैं हार्ड कोड को चौड़ाई दे सकता हूं, लेकिन मैं ऐसा नहीं करूंगा, क्योंकि उस कॉलम में जाने वाली सामग्री गतिशील है।
नीचे दी गई छवि को देखते हुए, पहली छवि वह है जो मार्कअप का उत्पादन करती है। दूसरी छवि वह है जो मैं चाहता हूं।