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

Question

J'en veux pour preuve les termes et conditions générales note sur mon site web. Je ne veux pas utiliser le champ de texte et aussi vous ne voulez pas utiliser la totalité de ma page. Je veux juste afficher mon texte dans la zone sélectionnée et que vous voulez utiliser seulement verticale de la barre de défilement pour aller vers le bas et de 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. Ce n'est pas la fixation de la largeur et de la hauteur et de la propagation jusqu'à ce que le texte s'affiche.
2. La deuxième c'est montrer horizontale de la barre de défilement et je ne veux pas le montrer.

Answer 1

Voir overflow-y. C'est le CSS 3.

Answer 2

pour masquer les barres de défilement horizontal, vous pouvez définir overflow-x cachés, comme ceci:

overflow-x: hidden;

Answer 3

Vous devez spécifier l' width et height en px:

width: 10px; height: 10px;

En outre, vous pouvez utiliser overflow: auto; pour empêcher la barre de défilement horizontale à partir de l'affiche.

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>

Rend comme suit dans Firefox:

Answer 4

Je vous remercie d'abord

Utiliser "overflow=auto" il fonctionne pour moi.

barre de défilement horizontale disparaît.

Answer 5

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

height: 100px;   
overflow-y : scroll;

ou

height: 100px; 
overflow-y : auto;