HTML: Comment créer un DIV avec seulement des barres de défilement verticales pour les longs paragraphes?

Question

Je souhaite afficher les termes et conditions sur mon site Web. Je ne veux pas utiliser le champ de texte et ne veux pas utiliser toute ma page. Je veux juste afficher mon texte dans la zone sélectionnée et je veux utiliser uniquement la barre de défilement verticale pour descendre et lire tout le texte.

Actuellement, je suis en utilisant ce code:

<div style="width:10;height:10;overflow:scroll" > 
text text text text text text text text text 
text text text text text text text text text 
text text text text text text text text text 
text text text text text text text text text 
text text text text text text text text text 
text text text text text text text text text 
text text text text text text text text text 
text text text text text text text text text 
</div> 

Deux problèmes:

1. Il ne fixe pas la largeur et la hauteur et la propagation jusqu'à ce que le tout le texte apparaît.
2. Deuxièmement, il montre la barre de défilement horizontale et je ne veux pas le montrer.

Answer 1

Voir overflow-y. Il est CSS 3.

Answer 2

Vous devez spécifier le width et height dans px:

width: 10px; height: 10px; 

En outre, vous pouvez utiliser overflow: auto; pour éviter de montrer la barre de défilement horizontale.

Par conséquent, vous pouvez essayer ce qui suit:

<div style="width:100px; height:100px; overflow: auto;" > 
    text text text text text text text text text 
    text text text text text text text text text 
    text text text text text text text text text 
    text text text text text text text text text 
    text text text text text text text text text 
    text text text text text text text text text 
    text text text text text text text text text 
    text text text text text text text text text 
</div> 

Answer 3

Nous vous remercions d'abord

Utilisez overflow:auto ça marche pour moi.

La barre de défilement horizontale disparaît.

Answer 4

pour cacher les barres de défilement horizontal, vous pouvez régler overflow-x à caché, comme ceci:

overflow-x: hidden; 

Answer 5

Pour afficher la barre de défilement verticale dans votre div vous devez ajouter

height: 100px; 
overflow-y : scroll; 

ou

height: 100px; 
overflow-y : auto; 

Answer 6

Vous pouvez utiliser la propriété de débordement

style="overflow: scroll ;max-height: 250px; width: 50%;" 

Answer 7

overflow-y : scroll; 
overflow-x : hidden; 

height est facultative

Answer 8

Pour tous les cas mis overflow-x-hidden et je préfère mettre max-height afin de limiter l'expansion de la hauteur de la div. Votre code devrait ressembler à ceci:

overflow-y: scroll; 
overflow-x: hidden; 
max-height: 450px;