Largeur de cellule adapté au contenu

Question

Compte tenu de la balise suivante, comment pourrais-je l'utiliser CSS pour forcer une cellule (toutes les cellules dans la colonne) pour s'adapter à la largeur du contenu plutôt que de s'étirer (ce qui est le comportement par défaut)?

<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>

EDIT: je me rends compte que je pouvais coder en dur la largeur, mais je préfère ne pas le faire, tout comme le contenu qui va aller dans cette colonne est dynamique.

En regardant l'image ci-dessous, la première image est ce que le balisage produit. La deuxième image est ce que je veux.

Answer 1

Je ne sais pas si je comprends bien votre question, mais je vais prendre un coup à elle. JSfiddle de l’exemple.

HTML :

CSS :