Bonjour, j'aimerais savoir s'il existe une propriété css qui permettrait de dire à un <td> d'adapter sa largeur à celle de son contenu. merci d'avance ;)

7 réponses


Mousse
Réponse acceptée

tu peux toujours mettre un largeur minimum au cas où:

td{
    min-width:100px; //par exemple
}

Salut
Je pense qu'untd auto en CSS serait bien.
Essaie ceci:

td{ width: auto;}

TIens nous au courant :)

toogy
Auteur

non ça ne marche pas ^_^

bonjour ,
la largeur du balise td est automatique par défaut et tient la largeur définie pour le tableau.
idem l'accommodation de deux td en même tr pousse le navigateur à deviser la largeur du td par 2 pour
qu'ils puissent se positionner sur le même tr !

toogy
Auteur

tout a fait oui monsieur !
vous avez affecté une valeur à la td que vous sélectionnez , sinon , il'a pris automatiquement cette largeur du fait que le second td a forcé le navigateur d'y affecter cette largeur !
c'est normale monsieur lorsqu'on n'affecte pas de valeur à un td ! le navigateur s'en occupe .
NB: si vous réduisez le texte du second td , le premier td s'élargira automatiquement pour préserver la harmonie de votre page tout en exploitant l'espace disponible sur votre écran !

Pareil le comportement normal d'un td est de s'adapter à la largeur de son contenu :D normalement il n'y a rien à faire pour que ça se fasse comme ça.