Comment afficher un tableau HTML sans sauts de ligne

Comment obtenir un affichage sans retour à la ligne dans un tableau HTML : ouvrez d'abord le fichier de code HTML correspondant ; puis ajoutez le style "word-break: keep-all;word-wrap:break" à "td,th" sous le tableau -word;" peut obtenir l'effet d'affichage sans sauts de ligne.

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

L'effet de l'affichage sans sauts de ligne dans le tableau html

Dans le tableau, si vous n'avez pas besoin de sauts de ligne dans les cellules, ajoutez le style

word-break: keep-all;
word-wrap:break-word;

mot au td et th under the table -break: keep-all; Dans ce cas, il n'y aura pas de retour à la ligne en chinois

word-wrap:break-word; L'anglais ne retournera pas à la ligne

S'il y a un espace au milieu, au niveau de l'espace. Par défaut, il sera renvoyé à la ligne. Si vous n'avez pas besoin d'envelopper, utilisez le style suivant

white-space: nowrap;

Dans ce cas, il n'est généralement pas nécessaire de définir. la largeur dans le tableau. Le tableau s'ajustera automatiquement en fonction du contenu

[Apprentissage recommandé : Tutoriel vidéo HTML]

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!