Maison  >  Article  >  interface Web  >  Barre de défilement dans le tableau HTML

Barre de défilement dans le tableau HTML

PHPz
PHPzoriginal
2024-09-04 16:46:20732parcourir

La barre de défilement dans le tableau HTML est l'une des fonctionnalités permettant de faire défiler les données à partir de formats horizontaux et verticaux. Par défaut, une barre de défilement verticale permet après avoir saisi le nombre de données de maximiser la taille en mode vertical. Mais en mode horizontal, après avoir saisi les données au format paragraphe et non renvoyées à la ligne, la page contient la flèche droite comme option pour activer les données dans la barre de défilement horizontale. Nous avons personnalisé les options de défilement à l'aide des pointeurs de la souris. Nous pouvons également attribuer la bordure, la hauteur et la largeur des tables de défilement.

Création d'une barre de défilement dans un tableau HTML

Lorsque le contenu de la zone de texte est trop volumineux pour tenir, une zone de défilement HTML garantira que la zone agrandit les barres de défilement. Certaines applications, comme les applications mobiles, utilisent des boîtes de défilement qui afficheront leurs fonctionnalités, mais les grands écrans mobiles l'afficheront avec une bonne compatibilité avec certains petits écrans mobiles, elles ne s'afficheront pas à l'écran, c'est-à-dire) la fonctionnalité de l'application, qui doit être utilisée dans la boîte de défilement. Certains plugins sont nécessaires pour afficher certaines fonctionnalités des applications Web qui doivent être utilisées sur l'écran du navigateur. Supposons que nous souhaitions ajouter une option de barre de défilement en HTML, utiliser une option de « débordement » et la définir comme étant activée automatiquement pour l'ajout de barres de défilement horizontales et verticales. Si nous voulons ajouter une option de barre verticale en HTML, ajoutez la ligne « overflow-y » dans les fichiers.

  • Syntaxe de fichier CSS pour les barres de défilement

Débordement : défilement :

{
Overflow-x:scroll;//add horizontal bar option in html
Overflow-y:scroll; //add vertical bar option in html
}
  • Syntaxe de fichier HTML pour les barres de défilement

Utilisation de la touche