Afin de permettre au tableau de remplir l'écran (la zone vide restante), son attribut de largeur est souvent défini comme : 100 %, et les cellules sont également définies comme des pourcentages.
Mais cela posera des problèmes : si le texte dans la cellule dépasse la limite de largeur, il sera automatiquement renvoyé à la ligne et la hauteur augmentera automatiquement, ce qui entraînera des styles inégaux dans l'ensemble du tableau, ce qui est moche.
La solution simple consiste à désactiver l'habillage du texte : white-space:nowrap; overflow:hidden;
Mais l'effet est toujours inattendu : le texte est affiché sur une seule ligne, La largeur est automatiquement élargie, même au-delà du conteneur parent, et le débordement n'a aucun effet !
Que se passe-t-il ? Est-ce à cause du pourcentage ? Mais si vous utilisez une largeur fixe statique, vous perdez la flexibilité du tableau.
Depuis, j'ai trouvé la solution ultime sans effort : Largeur de table fixe : table-layout: fixe ;
Au fait, j'ai fait un rendu simple, pour référence :