HTML: Come creare un DIV con solo barre di scorrimento verticali per paragrafi lunghi?

Question

Voglio mostrare i termini e le condizioni sul mio sito web. Non voglio usare il campo di testo e inoltre non voglio usare la mia intera pagina. Voglio solo visualizzare il mio testo nell'area selezionata e voglio usare solo la barra di scorrimento verticale per andare giù e leggere tutto il testo.

Attualmente sto usando questo codice:

<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> 

due problemi:

1. Non sta riparando la larghezza e l'altezza e la diffusione fino a visualizzare tutto il testo.
2. In secondo luogo mostra la barra di scorrimento orizzontale e non voglio mostrarlo.

Answer 1

Vedi overflow-y. E 'CSS 3.

Answer 2

È necessario specificare l'width e height in px:

width: 10px; height: 10px; 

Inoltre, è possibile utilizzare overflow: auto; per evitare che la barra di scorrimento orizzontale da mostrare.

Pertanto, si consiglia di provare la seguente:

<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

Grazie prima

Usa overflow:auto funziona per me.

La barra di scorrimento orizzontale scompare.

Answer 4

per nascondere le barre di scorrimento orizzontali, è possibile impostare di overflow-x di nascosto, in questo modo:

overflow-x: hidden; 

Answer 5

Per mostrare barra di scorrimento verticale nel vostro div è necessario aggiungere

height: 100px; 
overflow-y : scroll; 

o

height: 100px; 
overflow-y : auto; 

Answer 6

È possibile utilizzare la proprietà di overflow

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

Answer 7

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

height è facoltativo

Answer 8

Per ogni caso impostare overflow-x-hidden e preferisco impostare max-height al fine di limitare l'espansione di l'altezza del div. Il codice dovrebbe essere simile a questo:

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