Comment utiliser les points de suspension lorsque le nombre de caractères affichés dans le contrôle de texte HTML dépasse la limite

Ce qui suit est le rendu (ce sera le même après traitement) :

Voici le code pour les deux traitements de débordement ci-dessus :

Voici quelques méthodes de traitement sur Internet, qui méritent votre référence :

Texte général troncature (applicable à inline et block) : [www.mb5u.com]

.text-overflow {
display:block;
width:31em;
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

Pour la définition du débordement de texte de tableau :
ww.m5u.com]

table{
width:30em;
table-layout:fixed;
}
td{
width:100%;
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

Ce à quoi vous devez faire attention, c'est que ce truc ne fonctionne que sur une seule ligne de texte si vous souhaitez l'utiliser sur plusieurs. lignes, seule la première ligne fonctionnera. Seul IE aura "..." dans cette façon d'écrire. Dans les autres navigateurs, le texte sera masqué lorsqu'il dépassera la largeur spécifiée.

Étude approfondie du traitement de débordement de texte chinois dans Opera et Firefox :
[Problème]
Récemment, j'ai découvert qu'en naviguant sous Opera, la moitié droite de mon espace devient super large (j'utilise le même mode de composition que vous), de sorte qu'il dépasse la plage d'affichage de 1024 et qu'une barre de défilement horizontale apparaît lorsque la fenêtre est agrandie. Après avoir supprimé tous les modules selon la méthode que vous avez fournie, le problème persiste. là C'est tellement déroutant...
J'ai ouvert un nouvel espace avec un autre pass et utilisé la même disposition, mais il n'y a eu aucun problème sous Opera !
Est-ce parce que j'ai testé l'espace agrandi lors du test L'espace ? à droite, ainsi que l'ajout d'un deuxième module html [puis sa suppression] et d'autres opérations, ont gâché mon code spatial ?

[Raison]

Les problèmes de compatibilité avec différents navigateurs, pour être précis, sont des problèmes liés à l'implémentation des normes CSS par différents navigateurs Tout d'abord, sachez qu'Opera n'est pas le seul à afficher. anormalement, Firefox Non. Puisque Firefox est un navigateur standard reconnu [bien sûr, Opera aussi] et a une part de marché plus élevée, Firefox est utilisé pour la certification

[Exemple]

1. Firefox ne prend pas en charge l'attribut points de suspension (...), c'est-à-dire qu'une longue chaîne affichera des points de suspension text-overflow: ellipsis;
Ceci est dans l'option de journal. de la page d'édition du journal spatial Il existe une application Si vous entrez un nom de catégorie très long et revenez pour modifier le journal, vous constaterez que le nom de catégorie d'origine affichera la première partie dans IE, puis le remplacera directement par un Cependant, dans les navigateurs tels que Firefox, il s'affichera très longtemps jusqu'à ce qu'il éclate.

2 Dans Firefox, style="overflow:hidden"ne fonctionne qu'avec <. ;p> au lieu de ou

css résout le problème selon lequel le nombre de mots du texte dépasse l'affichage Méthodes de points de suspension... (texte sur une seule ligne, texte sur plusieurs lignes)

Utilisez CSS pour résoudre le problème du dépassement du nombre de caractères dans l'affichage du titre

Tutoriel vidéo gratuit HTML en ligne.