Comment définir la barre de défilement dans DIV
Dans le processus de fonctionnement réel, nous savons que de nombreux DIV ne suffisent pas pour afficher tout le contenu, les barres de défilement doivent donc être définies. Aujourd'hui, je vais vous apprendre à définir la barre de défilement des DIV.
Définissez les barres de défilement pour le div et définissez ses styles de barre de défilement horizontale et de barre de défilement verticale. Les styles CSS requis sont overflow-y et overflow-x pour définir les effets de barre de défilement droite et inférieure de l'objet boîte div. Dans le même temps, vous pouvez également utiliser des styles CSS pour masquer la barre de défilement de l'iframe du cadre html. Je vous le présenterai ensuite.
1. Compréhension de base de CSS - TOP
overflow-y:scroll; Toujours afficher la barre de défilement verticale
overflow-y : visible : Ne pas couper le contenu ni ajouter de barre de défilement verticale
Comprendre : manuel de débordement-y http://www.divcss5.com/shouce/c_overflowy.shtml
overflow-x :scroll ; Toujours afficher les barres de défilement horizontales
overflow-x:visible : Ne pas couper le contenu ni ajouter de barres de défilement horizontales
En savoir plus : manuel overflow-x http://www.divcss5. com /shouce/c_overflowx.shtml
En savoir plus sur le débordement CSS
2. Exemple de barre de défilement de paramètre div
DIVCSS5 en définissant le premier DIV L'objet définit la largeur du div, la hauteur du div et le style de bordure du div, et ajoute du contenu de texte de démonstration dans la zone DIV. La deuxième zone définit le même style CSS, le même contenu de texte dans la zone et définit les barres de défilement horizontales et verticales. pour observer l'effet.
La première boîte CSS est nommée "divcs5-a", et le deuxième sélecteur de style de boîte DIV est nommé "divcss5-b".
1. Le code source HTML complet spécifique est le suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312" />
<title>div滚动条 在线演示 www.divcss5.com</title>
<style>
.divcss5-a,.divcss5-b{ width:150px; height:100px; float:left; border:1px solid #F00}
.divcss5-b{ margin-left:10px;overflow-y:scroll; overflow-x:scroll;}
/* css注释说明：设置第二个盒子与第一个盒子间距为10px，并设置了横纵滚动条样式 */
</style>
</head>
<body>
<div class="divcss5-a">哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈
哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈哈
哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈哈哈哈啊</div>
<div class="divcss5-b">哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈
哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈哈
哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈哈哈哈啊</div>
</body>
</html>Afin d'observer l'effet, nous définissons le même style CSS et le même contenu de texte pour les deux boîtes DIV. Définissez le style de barre de défilement défini pour qu'il n'y ait pas de débordement. Un style de barre de défilement déroulante apparaît sur le côté droit (Y) de la direction verticale
.
Comment masquer la barre de défilement CSS div
DIV n'a pas de barres de défilement par défaut Si un style de barre de défilement est ajouté, la barre de défilement disparaîtra naturellement après l'avoir supprimée. S'il s'agit d'une barre de défilement qui apparaît dans une iframe, si vous souhaitez masquer la barre de défilement horizontalement en visible ou overflow-y:hidden, vous pouvez masquer la barre de défilement.
Lecture connexe :
animation d'ondulation CSS Plusieurs façons d'insérer des espaces dans les méthodes HTML Ajouter ou supprimer un élément HTML domCe 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!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Comment fixer l'heure prévue de publication des ouvrages sur Douyin ? Comment définit-il la durée de la vidéo ?
Mar 27, 2024 pm 06:11 PM
Publier des œuvres sur Douyin peut attirer plus d'attention et de likes, mais il peut parfois nous être difficile de publier des œuvres en temps réel. Dans ce cas, nous pouvons utiliser la fonction de publication programmée de Douyin. La fonction de publication planifiée de Douyin permet aux utilisateurs de publier automatiquement des œuvres à des heures planifiées, ce qui permet de mieux planifier le plan de publication et d'augmenter l'exposition et l'influence des œuvres. 1. Comment fixer l'heure prévue de publication des ouvrages sur Douyin ? Pour définir une heure de sortie programmée, accédez d'abord à la page d'accueil personnelle de Douyin, recherchez le bouton « + » dans le coin supérieur droit et cliquez pour accéder à la page de sortie. Il y a une icône d'horloge dans le coin inférieur droit de la page de publication. Cliquez pour accéder à l'interface de publication planifiée. Dans l'interface, vous pouvez choisir le type d'œuvre que vous souhaitez publier, notamment des vidéos courtes, des vidéos longues et des diffusions en direct. Ensuite, vous devez définir quand votre travail sera publié. TikTok fournit
Où est définie la balise Douyin ? Comment peut-on l'étiqueter pour pouvoir le pousser avec précision ?
Mar 27, 2024 am 11:01 AM
En tant que l'une des plateformes de vidéos courtes les plus populaires au monde, Douyin permet à chacun de devenir créateur et de partager chaque instant de la vie. Pour les utilisateurs de Douyin, les balises sont une fonction très importante. Elles peuvent aider les utilisateurs à mieux classer et récupérer le contenu, et permettent également à la plate-forme de transmettre plus précisément le contenu approprié aux utilisateurs. Alors, où sont définies les balises Douyin ? Cet article expliquera en détail comment configurer et utiliser les balises sur Douyin. 1. Où est définie la balise Douyin ? L'utilisation de balises sur Douyin peut aider les utilisateurs à mieux classer et étiqueter leurs œuvres, permettant ainsi aux autres utilisateurs de les trouver et de les suivre plus facilement. La méthode pour définir l'étiquette est la suivante : 1. Ouvrez l'application Douyin et connectez-vous à votre compte. 2. Cliquez sur le signe "+" en bas de l'écran et sélectionnez le bouton "Publier". 3.
Comment configurer la publication programmée sur Weibo_Tutoriel sur la configuration de la publication programmée sur Weibo
Mar 29, 2024 pm 03:51 PM
1. Ouvrez le client Weibo, cliquez sur les trois petits points sur la page d'édition, puis cliquez sur Publication programmée. 2. Après avoir cliqué sur la publication programmée, il y aura une option d'heure sur le côté droit de l'heure de publication, modifiez l'article et cliquez sur les mots jaunes dans le coin inférieur droit pour publier régulièrement. 3. La version mobile de Weibo ne prend actuellement pas en charge la publication programmée. Cette fonction ne peut être utilisée que sur le client PC !
Le mode Ne pas déranger ne fonctionne pas sur iPhone : correctif
Apr 24, 2024 pm 04:50 PM
Même répondre à des appels en mode Ne pas déranger peut être une expérience très ennuyeuse. Comme son nom l'indique, le mode Ne pas déranger désactive toutes les notifications d'appels entrants et les alertes provenant d'e-mails, de messages, etc. Vous pouvez suivre ces ensembles de solutions pour résoudre ce problème. Correctif 1 – Activer le mode de mise au point Activez le mode de mise au point sur votre téléphone. Étape 1 – Faites glisser votre doigt depuis le haut pour accéder au Centre de contrôle. Étape 2 – Ensuite, activez le « Mode Focus » sur votre téléphone. Le mode Focus active le mode Ne pas déranger sur votre téléphone. Aucune alerte d’appel entrant n’apparaîtra sur votre téléphone. Correctif 2 – Modifier les paramètres du mode de mise au point S'il y a des problèmes dans les paramètres du mode de mise au point, vous devez les résoudre. Étape 1 – Ouvrez la fenêtre des paramètres de votre iPhone. Étape 2 – Ensuite, activez les paramètres du mode Focus
Comment définir la touche Entrée pour envoyer des messages dans QQ
Mar 25, 2024 pm 07:10 PM
1. Tout d’abord, cliquez sur le bureau du téléphone mobile pour accéder à QQ, puis cliquez sur l’avatar dans le coin supérieur gauche. 2. Cliquez sur [Paramètres] dans le coin inférieur gauche. 3. Cliquez pour ouvrir [Accessibilité]. 4. Ensuite, il suffit de cliquer sur le commutateur [Touche Entrée pour envoyer un message].
Comment régler le compte à rebours pour récupérer des billets à Damai
Apr 01, 2024 pm 07:01 PM
Lors de l'achat de billets sur Damai.com, afin de garantir que l'heure d'achat du billet peut être comprise avec précision, les utilisateurs peuvent définir une horloge flottante pour récupérer les billets. La méthode de réglage détaillée est ci-dessous, apprenons ensemble. Comment lier l'horloge flottante à Damai 1. Cliquez pour ouvrir l'application d'horloge flottante sur votre téléphone pour accéder à l'interface, puis cliquez sur l'emplacement où le contrôle de vente flash est défini, comme indiqué dans la figure ci-dessous : 2. Après être arrivé à la page d'ajout de nouveaux enregistrements, cliquez sur Damai.com Copiez la page du lien d'achat de billet copiée. 3. Ensuite, définissez l'heure de la vente flash et l'heure de notification ci-dessous, activez le bouton de commutation derrière [Enregistrer dans le calendrier] et cliquez sur [Enregistrer] ci-dessous. 4. Cliquez pour activer [Compte à rebours], comme indiqué dans la figure ci-dessous : 5. Lorsque l'heure du rappel arrive, cliquez sur le bouton [Démarrer l'image dans l'image] ci-dessous. 6. Quand vient le moment d’acheter le billet
Où définir les recommandations et les sélections Douyin
Mar 27, 2024 pm 05:06 PM
Où sont les recommandations et les sélections sur Douyin ? Dans les courtes vidéos Douyin, il existe deux catégories : sélection et recommandation. La plupart des utilisateurs ne savent pas comment configurer les recommandations et les sélections. Vient ensuite le didacticiel Douyin que l'éditeur propose aux utilisateurs. recommandations et tutoriels sur les méthodes de réglage sélectionnées, les utilisateurs intéressés viennent y jeter un œil ! Tutoriel d'utilisation de Douyin Où configurer les recommandations et les sélections de Douyin 1. Ouvrez d'abord l'application vidéo courte Douyin et entrez dans la page principale, cliquez sur la zone [Moi] dans le coin inférieur droit et sélectionnez [trois lignes horizontales] dans le coin supérieur droit ; 2. Puis à droite La barre de fonctions s'agrandit, faites glisser la page pour sélectionner [Paramètres] en bas ; 3. Ensuite, sur la page de fonction des paramètres, recherchez le service [Gestion des informations personnelles] 4. Enfin, passez au personnel ; page de gestion des informations, diapositive [Recommandations de contenu personnalisées] 】Le bouton au dos peut être défini.
Comment définir le filigrane au milieu sur Weibo_Comment définir le filigrane au milieu sur Weibo
Mar 29, 2024 pm 03:31 PM
1. Entrez d'abord Weibo, puis cliquez sur moi dans le coin inférieur droit et sélectionnez [Service client]. 2. Saisissez ensuite [Filigrane] dans la zone de recherche et sélectionnez [Définir le filigrane de l'image Weibo]. 3. Cliquez ensuite sur [Lien] dans l'interface. 4. Cliquez ensuite sur [Paramètres du filigrane d'image] dans la fenêtre nouvellement ouverte. 5. Enfin, cochez [Picture Center] et cliquez sur [Enregistrer].
