Pourquoi la largeur maximale de ma table html n'entraîne-t-elle pas l'enveloppement du texte ?

Question

Je dispose d'un tableau html et d'une colonne (ou <td> ) contient des mots très longs. Je veux définir la largeur maximale de la colonne de sorte que si le texte est plus long que la largeur maximale, le texte soit automatiquement enroulé sur la ligne suivante. J'ai essayé de définir le paramètre css max-width sur le modèle approprié <td> élément avec "max-width:100px" mais cela ne fonctionne pas. Le texte est toujours très long et ne passe pas automatiquement à la ligne suivante.

Une idée de ce qui ne va pas ou un code de référence de solution ? J'utilise IE 8 sous Windows 7.

Answer 1

Vous devez ajouter la propriété CSS3 word-wrap: break-word; .

Answer 2

Vous pouvez placer un div à l'intérieur des cellules de votre tableau.

Rien à l'intérieur de ce div n'étire la cellule du tableau.

Cela fonctionne très bien dans IE8 et Chrome au moins.

Answer 3

L'ancien html td width fonctionne dans IE 8 pour cela... Mais vous voulez une largeur maximale, pas une largeur... sans compter l'attribut html supplémentaire nécessaire pour chaque cellule.

Answer 4

<td nowrap="wrap" style="width:100px;"></td>

Tous les navigateurs..

Malheureusement, vous devez gérer le contenu de chaque cellule pour que l'ensemble du tableau conserve une largeur fixe. Il existe un attribut width pour mais il ne contrôle rien