Afin de permettre à la table de remplir l'écran (zones vides restantes), son attribut de largeur est souvent défini comme: 100%, et les cellules sont également définies par des pourcentages.
Mais cela entraînera des problèmes: si le texte de la cellule dépasse la limite de largeur, il enveloppera automatiquement la ligne et que la hauteur augmentera automatiquement, entraînant des styles inégaux de l'ensemble du tableau, ce qui est très laid.
La solution facile à cela est de désactiver les pauses de ligne de texte: White-espace: Nowrap; débordement: caché;
Si facile! Mais l'effet est toujours inattendu: le texte s'affiche sur une ligne, la largeur est automatiquement élargie et dépasse même le conteneur parent, le débordement n'a aucun effet!
Que se passe-t-il? La raison du pourcentage? Mais si vous utilisez une largeur fixe statique, la flexibilité de la table est perdue.
Ainsi, la solution ultime a été trouvée sans aucun effort: Largeur de la table fixe: LA LA LA LA LA TABLE: FIXE;
Soit dit en passant, j'ai fait un rendu simple, référer à ce qui suit: