TD Width - Minimal CSS Required

Question

TD Width - Minimal CSS Required

Consider this table:

<table style="width: 100%">
    <tr>
        <td>Static length</td>
        <td>Static length</td>
        <td><div>Length varies</div></td>
        <td>Space filler</td>
    </tr>
    <tr>
        ...
    </tr>
</table>

How can I get the third column to take the minimum width (depending on its contents) and the fourth column to take the rest?

+5

html css html-table width

Guyb7 Apr 25 '13 at 11:00

source share

1 answer

Sowmya · Accepted Answer · 2013-04-25T11:04:15+0000

Use this

td:nth-child(3){
    background:red;
    width: 1px;
    white-space: nowrap;
}

Demo

TD Width - Minimal CSS Required

More articles: