HTML: Wie erstellt man ein DIV mit nur vertikalen Bildlaufleisten für lange Absätze?

Question

Ich möchte AGB auf meiner Website anzeigen. Ich möchte kein Textfeld verwenden und möchte auch nicht meine ganze Seite verwenden. Ich möchte nur meinen Text im ausgewählten Bereich anzeigen und möchte nur die vertikale Bildlaufleiste verwenden, um nach unten zu gehen und den gesamten Text zu lesen.

Derzeit bin ich mit diesem 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> 

zwei Probleme:

1. Es ist nicht die Breite und Höhe und Ausbreitung, bis die Festsetzung der gesamten Text angezeigt wird.
2. Zweitens zeigt es horizontale scroll-bar und ich will es nicht zeigen.

Answer 1

Siehe overflow-y:

Daher können Sie das folgende versuchen. Es ist CSS 3.

Answer 2

Sie benötigen die width und height in px angeben:

width: 10px; height: 10px; 

Zusätzlich Sie overflow: auto; können von der Anzeige der horizontalen Scrollbar zu verhindern.

<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

Sie zuerst danken

Verwenden overflow:auto es für mich funktioniert.

horizontale Bildlaufleiste verschwindet.

Answer 4

die horizontalen Bildlaufleisten zu verbergen, können Sie Überlauf-x zu versteckt, wie diese ein:

overflow-x: hidden; 

Answer 5

in Ihrem div vertikale Bildlaufleiste Um Ihnen zu zeigen

height: 100px; 
overflow-y : scroll; 

oder

hinzufügen müssen

Answer 6

Sie können die Überlaufeigenschaft

verwenden

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

Answer 7

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

height ist optional

Answer 8

Für jeden Fall gesetzt overflow-x-hidden und ich ziehe max-height setzen, um die Expansion der Höhe des div zu begrenzen. Ihr Code sollte so aussehen:

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