Maison > interface Web > tutoriel HTML > Disposition du tableau à largeur de tableau fixe : production de pages Web fixes_HTML/Xhtml_webpage

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

WBOY
Libérer: 2016-05-16 16:37:48
original
1283 Les gens l'ont consulté

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 :

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal