Maison > interface Web > tutoriel CSS > Comment masquer la barre de défilement horizontale en CSS

Comment masquer la barre de défilement horizontale en CSS

藏色散人
Libérer: 2023-01-03 09:31:46
original
6134 Les gens l'ont consulté

Comment masquer la barre de défilement horizontale en CSS : créez d'abord un exemple de fichier HTML ; puis ajoutez un style au corps ; puis ajoutez "overflow-x:hidden;" à la définition du style pour masquer le défilement horizontal. bar.

Comment masquer la barre de défilement horizontale en CSS

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

Nous écrivons d'abord un div en HTML. Dans des circonstances normales, il n'y a pas de barre de défilement.

Comment masquer la barre de défilement horizontale en CSS

Lorsque le contenu de notre page est très long, ou que nous définissons activement une grande largeur, il y aura des barres de défilement.

Comment masquer la barre de défilement horizontale en CSS

Exécutez la page et vous pouvez voir la barre de défilement apparaître.

Comment masquer la barre de défilement horizontale en CSS

Afin de masquer cette barre de défilement, on peut d'abord ajouter un style au corps. [Apprentissage recommandé : Tutoriel vidéo CSS]

Comment masquer la barre de défilement horizontale en CSS

Dans la définition du style, on ajoute

overflow-x: hidden;

style.

Comment masquer la barre de défilement horizontale en CSS

Lorsque vous exécutez à nouveau la page, vous pouvez voir que la barre de défilement de la page a disparu.

Comment masquer la barre de défilement horizontale en CSS

Cette méthode masque la barre de défilement. Lorsque le contenu est très long, une partie du contenu sera masquée. Parce qu'il faut y réfléchir attentivement, il est préférable de le définir. une largeur maximale, laissez-le s'enrouler automatiquement.

Comment masquer la barre de défilement horizontale en 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:
css
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