Maison interface Web tutoriel HTML Exemple de tutoriel sur la limitation de la longueur d'affichage des caractères et l'ajout d'ellipses

Exemple de tutoriel sur la limitation de la longueur d'affichage des caractères et l'ajout d'ellipses

Jun 11, 2017 pm 01:30 PM

Comment résoudre le problème selon lequel le nombre de caractères affichés dans le contrôle de texte HTML dépasse la limite ? C'est-à-dire que le contrôle de débordement de texte affiche le nombre de mots et le contrôle de débordement de texte du tableau TD affiche le nombre de mots. Lorsque vous voyez le titre, vous penserez facilement à la méthode consistant à tronquer le texte et à ajouter des points de suspension ".. .". Haha, c'est tout. En fait, rédiger ce journal consiste simplement à enregistrer cette méthode, car il semble que beaucoup de gens ne se souviennent toujours pas de la manière de gérer une telle situation. L'image ci-dessous est l'effet d'affichage du site Web php chinois (www.php.cn) lorsque le nombre de mots dépasse le nombre et que les points de suspension sont ajoutés. Tout d'abord, laissez-moi vous expliquer, en général, si le texte est dans un conteneur utilisant DIV+. css dépasse la longueur, il flottera en dehors du cadre ou agrandira le cadre. C'est généralement facile à résoudre, mais j'ai rencontré un tel problème aujourd'hui : la page de test sous IE6 n'a pas répondu, mais la page de test sous IE8 a traité le débordement. texte normalement. J'étais déprimé. Ce traitement de débordement n'est-il pas unique à IE ? Pourquoi IE6 ne fonctionne-t-il pas correctement ? Plus tard, j'ai vérifié en ligne et découvert qu'il s'avère qu'IE6 ne prend en charge le traitement de débordement que s'il est écrit dans un DIV, et IE6 et supérieur ne prend en charge que l'écriture dans

  • , j'ai donc écrit le même code de traitement de débordement dans DIV. et < li> Ce sera normal dans

    1 Le nombre de mots d'affichage du contrôle de texte HTML dépasse la méthode d'utilisation des points de suspension

    Exemple de tutoriel sur la limitation de la longueur d'affichage des caractères et l'ajout d'ellipses

    Introduction : Comment résoudre le problème selon lequel le nombre de mots affichés dans le contrôle de texte HTML dépasse la limite ? Autrement dit, le débordement de texte contrôle le nombre de mots affichés et le débordement de texte du tableau contrôle le nombre de mots affichés dans td. Lorsque vous verrez le titre, vous penserez facilement à la méthode consistant à tronquer le texte et à ajouter des points de suspension "... ".

    2. Utilisez CSS3 pour tronquer le texte et ajouter des points de suspension

    Exemple de tutoriel sur la limitation de la longueur d'affichage des caractères et l'ajout d'ellipses

    Introduction : Limiter le nombre de lignes de texte affichées dans un élément de bloc. Afin d'obtenir cet effet, il doit être combiné avec d'autres propriétés WebKit étrangères.

    3. Exemple d'ajout de code de points de suspension après la chaîne interceptée implémentée par pure css_html/css_WEB-ITnose

    Introduction : Exemple d'ajout de code points de suspension après avoir intercepté une chaîne implémentée en CSS pur

    4 Comment PHP limite-t-il la longueur d'affichage des caractères ?

    Introduction : Comme ci-dessus (interception depuis Tieba), lorsque la longueur du caractère dépasse la largeur de pixel fixe, interceptez la chaîne dans la plage de largeur de pixel, et après la chaîne Ajouter une ellipse. La fonction mb_strlen ne peut obtenir que le nombre de caractères, mais la largeur d'un caractère en anglais et en chinois est différente et ne peut pas être déterminée en fonction du nombre de caractères...

    5. Problème d'interception de chaîne php

    Introduction : Je souhaite limiter la longueur d'une chaîne à afficher Si la chaîne dépasse une certaine longueur, intercepter les n premiers caractères et. ajoutez des points de suspension après

    6. problème d'interception de chaîne php_php skills

    Introduction : je veux limiter le longueur d'une chaîne Afficher, si la chaîne dépasse une certaine longueur, intercepter les n premiers caractères et ajouter des points de suspension

    [Recommandations Q&R associées] :

    javascript - Existe-t-il un bon moyen d'ajouter des points de suspension à la fin des lignes lorsque le texte multiligne déborde ?

    javascript - Comment ajouter des points de suspension à la partie de débordement d'un texte multiligne ?

    Comment limiter la longueur d'affichage des caractères en php ?

    javascript - afficher plusieurs lignes, masquer la partie en excès et ajouter des points de suspension à la fin de la dernière ligne ?

    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 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

    Outils d'IA chauds

    Undresser.AI Undress

    Undresser.AI Undress

    Application basée sur l'IA pour créer des photos de nu réalistes

    AI Clothes Remover

    AI Clothes Remover

    Outil d'IA en ligne pour supprimer les vêtements des photos.

    Undress AI Tool

    Undress AI Tool

    Images de déshabillage gratuites

    Clothoff.io

    Clothoff.io

    Dissolvant de vêtements AI

    AI Hentai Generator

    AI Hentai Generator

    Générez AI Hentai gratuitement.

    Outils chauds

    Bloc-notes++7.3.1

    Bloc-notes++7.3.1

    Éditeur de code facile à utiliser et gratuit

    SublimeText3 version chinoise

    SublimeText3 version chinoise

    Version chinoise, très simple à utiliser

    Envoyer Studio 13.0.1

    Envoyer Studio 13.0.1

    Puissant environnement de développement intégré PHP

    Dreamweaver CS6

    Dreamweaver CS6

    Outils de développement Web visuel

    SublimeText3 version Mac

    SublimeText3 version Mac

    Logiciel d'édition de code au niveau de Dieu (SublimeText3)

    Quel est le but du & lt; Progress & gt; élément? Quel est le but du & lt; Progress & gt; élément? Mar 21, 2025 pm 12:34 PM

    L'article traite du HTML & lt; Progress & GT; élément, son but, son style et ses différences par rapport au & lt; mètre & gt; élément. L'objectif principal est de l'utiliser & lt; Progress & gt; pour l'achèvement des tâches et & lt; mètre & gt; pour stati

    HTML est-il facile à apprendre pour les débutants? HTML est-il facile à apprendre pour les débutants? Apr 07, 2025 am 12:11 AM

    HTML convient aux débutants car il est simple et facile à apprendre et peut rapidement voir les résultats. 1) La courbe d'apprentissage de HTML est fluide et facile à démarrer. 2) Il suffit de maîtriser les balises de base pour commencer à créer des pages Web. 3) Flexibilité élevée et peut être utilisée en combinaison avec CSS et JavaScript. 4) Les ressources d'apprentissage riches et les outils modernes soutiennent le processus d'apprentissage.

    Quel est le but du & lt; datalist & gt; élément? Quel est le but du & lt; datalist & gt; élément? Mar 21, 2025 pm 12:33 PM

    L'article traite du HTML & lt; Datalist & GT; élément, qui améliore les formulaires en fournissant des suggestions de saisie semi-automatique, en améliorant l'expérience utilisateur et en réduisant les erreurs. COMMANDE COMPRES: 159

    Quel est le but du & lt; mètre & gt; élément? Quel est le but du & lt; mètre & gt; élément? Mar 21, 2025 pm 12:35 PM

    L'article traite du HTML & lt; mètre & gt; élément, utilisé pour afficher des valeurs scalaires ou fractionnaires dans une plage, et ses applications courantes dans le développement Web. Il différencie & lt; mètre & gt; De & lt; Progress & gt; et ex

    Quelle est la balise Meta de la fenêtre? Pourquoi est-ce important pour une conception réactive? Quelle est la balise Meta de la fenêtre? Pourquoi est-ce important pour une conception réactive? Mar 20, 2025 pm 05:56 PM

    L'article traite de la balise Meta de la fenêtre, essentielle pour la conception Web réactive sur les appareils mobiles. Il explique comment une utilisation appropriée garantit une mise à l'échelle optimale du contenu et une interaction utilisateur, tandis que la mauvaise utilisation peut entraîner des problèmes de conception et d'accessibilité.

    Quel est le but du & lt; iframe & gt; étiqueter? Quelles sont les considérations de sécurité lorsque vous l'utilisez? Quel est le but du & lt; iframe & gt; étiqueter? Quelles sont les considérations de sécurité lorsque vous l'utilisez? Mar 20, 2025 pm 06:05 PM

    L'article traite du & lt; iframe & gt; L'objectif de Tag dans l'intégration du contenu externe dans les pages Web, ses utilisations courantes, ses risques de sécurité et ses alternatives telles que les balises d'objet et les API.

    Les rôles de HTML, CSS et JavaScript: responsabilités de base Les rôles de HTML, CSS et JavaScript: responsabilités de base Apr 08, 2025 pm 07:05 PM

    HTML définit la structure Web, CSS est responsable du style et de la mise en page, et JavaScript donne une interaction dynamique. Les trois exercent leurs fonctions dans le développement Web et construisent conjointement un site Web coloré.

    Quel est un exemple d'une balise de départ dans HTML? Quel est un exemple d'une balise de départ dans HTML? Apr 06, 2025 am 12:04 AM

    Anexampleofastartingtaginhtmlis, qui abinginsaparagraph.startingtagsaressentialtinhtmlastheyinitiateelements, définit les éventualités, et la faculté de réduction des pages et de la construction de la création.

    See all articles