Maison > interface Web > tutoriel HTML > Comment désactiver le défilement horizontal en HTML

Comment désactiver le défilement horizontal en HTML

青灯夜游
Libérer: 2021-12-13 16:46:18
original
5391 Les gens l'ont consulté

En HTML, vous pouvez utiliser l'attribut overflow-x pour désactiver le défilement horizontal. Il vous suffit d'ajouter le style "overflow-x:hidden;" à l'élément body ; ce style peut stipuler que lorsque le contenu dépasse la page horizontalement ; , le défilement horizontal ne sera pas fourni, mais recadrera et masquera le contenu débordant.

Comment désactiver le défilement horizontal en HTML

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

En HTML, vous pouvez utiliser l'attribut overflow-x pour désactiver le défilement horizontal. Comme indiqué ci-dessous :

Comment désactiver le défilement horizontal en HTML

Explication : L'attribut

overflow-x spécifie s'il faut recadrer le bord gauche/droit du contenu - s'il déborde de la zone de contenu de l'élément. Lorsque la valeur de cet attribut est masquée, le contenu est tronqué – aucun mécanisme de défilement n'est fourni. Valeur d'attribut de l'attribut

overflow-x :

valeur description
visible Ne recadre pas le contenu et peut apparaître en dehors de la zone de contenu.
caché Recadrer le contenu - aucun mécanisme de défilement fourni.
scroll Recadrer le contenu - Fournit un mécanisme de défilement.
auto Si la boîte déborde, un mécanisme de défilement devra être prévu.
no-display Si le contenu ne rentre pas dans la zone de contenu, supprimez la zone entière.
no-content Masquez tout le contenu s'il ne rentre pas dans la zone de contenu.

Tutoriel recommandé : "Tutoriel vidéo HTML"

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