HTML: Jak stworzyć DIV tylko z pionowymi paskami przewijania dla długich akapitów?

Chcę pokazać warunki i warunki w mojej witrynie. Nie chcę używać pola tekstowego, a także nie chcę używać całej mojej strony. Chcę tylko wyświetlić mój tekst w wybranym obszarze i chcę używać tylko pionowego paska przewijania, aby zejść w dół i przeczytać cały tekst.

Obecnie używam tego kodu:

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

Dwa problemy:

1. Nie ustala szerokości, wysokości i rozłożenia, dopóki nie pojawi się cały tekst.
2. Po drugie, pokazuje poziomy pasek przewijania i nie chcę go pokazywać.

Użyj overflow-y. Ta właściwość to CSS 3.

aby ukryć poziome paski przewijania, możesz ustawić overflow-x na ukryte, na przykład:

overflow-x: hidden;

Musisz określić widthi heightwpx :

width: 10px; height: 10px;

Ponadto możesz użyć, overflow: auto;aby zapobiec wyświetlaniu poziomego paska przewijania.

Dlatego możesz spróbować następujących rozwiązań:

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

Dziękuję najpierw

Użyj overflow:autotego działa dla mnie.

poziomy pasek przewijania znika.

Dla każdego przypadku zestawu overflow-xdo hiddeni wolę do zestawu max-heightw celu ograniczenia ekspansji wysokości div. Twój kod powinien wyglądać następująco:

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

Aby wyświetlić pionowy pasek przewijania w swoim div, musisz dodać

height: 100px;   
overflow-y : scroll;

lub

height: 100px; 
overflow-y : auto;

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

height jest opcjonalne

Możesz użyć właściwości overflow

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

Też napotkałem ten sam problem ... spróbuj to zrobić ... to zadziałało dla mnie

        .scrollBbar 
        {
        position:fixed;
        top:50px;
        bottom:0;
        left:0;
        width:200px;
        overflow-x:hidden;
        overflow-y:auto;
       }

To jest moja mieszanka:

overflow-y: scroll;
height: 13em; // Initial height.
resize: vertical; // Allow user to change the vertical size.
max-height: 31em; // If you want to constrain the max size.