Comment puis-je retourner à la ligne efficacement le texte dans les cellules d'un tableau HTML ?

En profondeur : s'attaquer au retour à la ligne dans les tableaux HTML

Bien que le retour à la ligne soit une fonctionnalité pratique pour le texte dans les divs et les spans, cela peut poser un défi lorsqu'il s'agit de cellules de tableau. Malgré l'application du style « word-wrap : break-word », le texte des cellules du tableau dépasse souvent les limites des cellules dans les navigateurs populaires tels que Firefox, Chrome et Internet Explorer.

Pour résoudre ce problème, vous pouvez introduire le Attribut "table-layout:fixed" au style du tableau. Cet attribut permet de limiter la largeur des cellules du tableau, forçant le texte à respecter les limites des cellules et à s'enrouler comme prévu.

Voici un extrait HTML mis à jour qui illustre le correctif :

<table>

Avec ceci modification, le mot long s'enroulera gracieusement dans la cellule du tableau, même s'il dépasse la largeur de la cellule. Il est important de noter que cette solution fonctionne efficacement dans Internet Explorer.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!