Maison  >  Article  >  interface Web  >  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)

不言
不言original
2018-07-26 09:40:102630parcourir

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}

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!

Déclaration:
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