Maison > interface Web > tutoriel CSS > le corps du texte

Comment masquer la partie au-delà en CSS

coldplay.xixi
Libérer: 2023-01-05 16:09:09
original
23634 Les gens l'ont consulté

Comment définir la partie cachée en CSS : créez d'abord un nouveau fichier et utilisez la balise div pour créer du texte ; puis définissez l'attribut de classe de la balise div sur txtdiv, puis définissez le style du div via la classe ; ; et enfin utilisez "overflow:hidden" pour ne pas s'afficher lorsque le texte du div dépasse la largeur.

Comment masquer la partie au-delà en CSS

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

Comment définir la partie excédentaire à masquer en CSS :

1 Créez un nouveau fichier html, nommé test.html, pour expliquer comment définir l'excédent. partie à cacher en CSS.

Comment masquer la partie au-delà en CSS

2. Dans le fichier test.html, utilisez la balise div pour créer une ligne de texte à tester.

Comment masquer la partie au-delà en CSS

3. Dans le fichier test.html, définissez l'attribut de classe de la balise div sur txtdiv, qui servira à définir son style via cette classe ci-dessous.

Comment masquer la partie au-delà en CSS

4. Dans la balise css, définissez le style du div via la classe, définissez sa largeur sur 100 px, sa hauteur sur 25 px et sa couleur d'arrière-plan sur gris.

Comment masquer la partie au-delà en CSS

5. Dans la balise CSS, utilisez "overflow:hidden" pour qu'elle soit masquée et ne s'affiche pas lorsque le texte du div dépasse la largeur.

Comment masquer la partie au-delà en CSS

6. Ouvrez le fichier test.html dans le navigateur et affichez les résultats.

Comment masquer la partie au-delà en CSS

Recommandations de tutoriel associées : 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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
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!