uczynić tabelę td elastyczną za pomocą css - javascript, html, css, css3

Stworzyłem demo. Potrzebuję pomocy dotyczącej elastyczności komórek tabeli.

Mam kilka komórek dla tabeli, w których należy ustalić ich szerokości.

Ale komórki składają się z etykiet, które mogą mieć długi tekst lub krótki tekst.

w oparciu o te etykiety komórki tabel powinny działać elastycznie. ale warunkiem jest, że tekst powinien znajdować się w jednym wierszu i nie powinien zawijać się w tekście innych komórek.

css;

td{
width:100px;
border:1px solid red;
}

html:

<table>
<tr>
<td>
<label>asjkdkasdhadhakdhad asdjkaskdhaksdhakdhakd askdhaskdhakdhakdjad akssdhadkhakd </label>
</td>
<td>
<label>an </label>
</td>
</tr>


</table>

http://jsfiddle.net/NDMTH/3/

Odpowiedzi:

Jeśli dobrze rozumiem, skorzystaj z nieruchomości min-width zamiast width:

td{
min-width:100px;
border:1px solid red;
}

I white-space:nowrap na label (MDN Reference):

label{
white-space:nowrap;
width:100%;
border:1px solid blue;
}

Przykład roboczy na JSFiddle.net