Comment puis-je activer efficacement le retour à la ligne automatique dans les cellules d'un tableau HTML, en particulier dans Internet Explorer ?

Le retour à la ligne dans les tableaux HTML

Le retour à la ligne, la coupure automatique du texte pour l'adapter à une largeur spécifiée, peut être un défi pour les cellules du tableau. La propriété populaire word-wrap: break-word ne fonctionne souvent pas dans ces éléments, ce qui entraîne le débordement du texte au-delà des limites des cellules.

Malgré les suggestions d'utilisation de text-wrap:suppress ou text-wrap:normal, ces Les solutions se sont révélées inefficaces. Cependant, une approche viable pour Internet Explorer consiste à ajouter l'attribut table-layout:fixed au tableau.

En définissant table-layout:fixed, le navigateur calcule les largeurs des colonnes du tableau en fonction de leur contenu, garantissant ainsi ils sont fixes tout au long du tableau. Ce comportement diffère du tableau-layout:auto par défaut, qui permet aux colonnes d'ajuster leur largeur de manière dynamique.

Considérez le code HTML modifié suivant :

Avec cet ajustement, le mot long sera envelopper dans la cellule du tableau, l'empêchant de déborder sur les limites de la cellule. Cette solution résout le problème de retour à la ligne dans les cellules de tableau HTML pour 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!