Problème de dépassement de table

Question

Je suis confronté à un problème très basique avec la table, c'est qu'en cas de débordement sur <td> cellule le texte sort de la largeur spécifiée

Le problème ressemble à ce qui suit :

+--------------+
| abcdef@hotmai|.com
+--------------+

Je veux qu'en cas de débordement, le texte passe à la ligne suivante. Quelque chose comme ceci.

+--------------+
| abcdef@hotmai|
| .com         |
+--------------+

J'ai essayé les css suivants mais cela n'a pas fonctionné : max-width:20%; table-layout:fixed;

Answer 1

Utilisez word-wrap Propriété CSS pour envelopper votre texte à l'intérieur d'une largeur fixe td

table td {
   word-wrap: break-word;
}