направете таблицата td гъвкава с помощта на css - javascript, html, css, css3

Създадох демонстрация. Имам нужда от помощ по отношение на гъвкавостта на клетките на таблицата.

Имам няколко клетки за маса, в която ширината им трябва да бъде фиксирана.

Но клетките се състоят от етикети, които могат да имат дълъг текст или кратък текст.

въз основа на тези етикети клетките на таблиците трябва да работят гъвкаво. но условието е текстът да идва в един ред и да не се обгръща с други текстови клетки.

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/

Отговори:

Ако разбирам добре, използвайте имота min-width вместо width:

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

И white-space:nowrap за label (Референтен номер за MDN):

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

Работен пример на JSFiddle.net