Comment contrôler le nombre de mots de sortie en CSS

Méthode CSS pour contrôler le nombre de mots de sortie : créez d'abord un exemple de fichier HTML ; puis définissez du texte ; enfin implémentez l'affichage du débordement de texte via les styles CSS "overflow:hidden;" et "text-overflow:ellipsis ; " L'effet points de suspension fera l'affaire.

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

Pour le contenu textuel, il existe deux manières courantes de limiter le nombre de mots. La plus courante consiste à limiter le nombre de mots générés lors de la sortie du programme en arrière-plan, et l'autre consiste à utiliser CSS sur le front-end pour le faire. contrôler le débordement de texte. Il est recommandé d'utiliser un programme pour limiter le nombre de mots sortis. Pour le remplissage de contenu ou le débordement d'éléments, cela entre dans la catégorie de non-standardisation et de compatibilité CSS.

Ce qui suit est une liste de méthodes d'écriture CSS pour le débordement de texte et les ellipses :

{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;(这里是行数 你可以控制你想在第几行末尾多余的显示省略号，之前的文本正常显示)
}

Informations étendues

CSS (feuille de style en cascade)

Style en cascade Sheet (nom complet en anglais) : Cascading Style Sheets) est un langage informatique utilisé pour exprimer des styles de documents tels que HTML (une application du Standard Generalized Markup Language) ou XML (un sous-ensemble du Standard Generalized Markup Language). CSS peut non seulement modifier statiquement les pages Web, mais peut également coopérer avec divers langages de script pour formater dynamiquement divers éléments des pages Web.

CSS peut effectuer un contrôle précis au niveau des pixels sur la disposition des positions des éléments dans les pages Web, prend en charge presque tous les styles de taille de police et a la capacité de modifier les objets de page Web et les styles de modèle.

Recommandé : "Tutoriel vidéo CSS"

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!