Maison > interface Web > tutoriel CSS > Comment résoudre le problème d'un td trop long ? CSS pour étendre le tableau à largeur fixe (image et texte)

Comment résoudre le problème d'un td trop long ? CSS pour étendre le tableau à largeur fixe (image et texte)

不言
Libérer: 2018-07-26 09:40:10
original
2702 Les gens l'ont consulté

Le contenu de cet article explique comment résoudre le problème de l'implémentation CSS trop longue pour étendre le tableau à largeur fixe (images et textes). Les amis dans le besoin peuvent s'y référer. j'espère que cela pourra être utile.

Solution :

Ajoutez du style au tableau :

table{table-layout:fixed;word-break:break-all}
Copier après la connexion

table-layout:fixed La largeur de colonne de tablle est définie par la largeur du tableau et la largeur de la colonne.
word-break:break-all Permet les sauts de ligne dans les mots.

Dans des circonstances normales :

Le td dans le tableau est également long :

Après avoir ajouté le style :


Recommandations associées :

Comment masquer des éléments HTML en utilisant CSS ? Quatre façons de masquer les éléments HTML

Comment implémenter un menu de navigation réactif avec CSS et js

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!

É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