Disposition du tableau à largeur de tableau fixe : production de pages Web fixes_HTML/Xhtml_webpage

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 :