简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

Deux façons de masquer le contenu textuel excessif

巴扎黑
Libérer： 2017-03-14 10:20:35
original
2619 Les gens l'ont consulté

Masquer le texte au-delà de la partie. Résumez les deux méthodes.
1. Masquage d'une seule ligne
code HTML

<p class="mi">当文字超过范围的时候，超出部分会隐藏起来。</p>
Copier après la connexion

code CSS

.mi {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
Copier après la connexion

2. Masquage multi-lignes
code html

<p class="mi">当文字超过范围的时候，超出部分会隐藏起来。可以设置第几行开始隐藏。</p>
Copier après la connexion

code CSS 

.mi {
    width: 200px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
Copier après la connexion

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!

Étiquettes associées：
内容 文本 au-delà partie 隐藏
source：php.cn
Article précédent：Explication détaillée des malentendus courants dans l'utilisation de HTML et CSS Article suivant：Analyser la différence entre width:100%; et width:auto ;
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
Derniers articles par auteur
Derniers numéros
Afficher les panneaux latéraux masqués : coché J'aimerais avoir un menu de navigation dans le panneau latéral avec la possibilité de pass...
Depuis 2024-04-06 15:49:33
0
1
319
Masquer/afficher le div en cliquant et en faisant défiler Je souhaite créer un formulaire de recherche caché qui apparaît lorsque nous cliquons sur ...
Depuis 2024-04-06 12:20:46
0
1
386
Réglez le bas à 100 % de sa propre hauteur Je souhaite configurer un élément de manière à ce qu'il soit masqué de la vue de la page e...
Depuis 2024-04-04 22:41:16
0
1
1438
Le survol d'un élément de menu spécifique n'affiche pas le sous-menu masqué J'ai créé des classes pour les éléments de menu afin de pouvoir les appeler. .dropdownBox{...
Depuis 2024-04-04 14:39:08
0
1
359
Passer de Show Hidden à Show Block lorsque le focus ne fonctionne pas J'essaie de faire apparaître mon "searchbardropdown" lorsque vous cliquez sur &q...
Depuis 2024-04-04 14:24:47
0
1
371
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！