HTML: Как создать DIV только с вертикальными полосами прокрутки для длинных абзацев?

Я хочу показать условия и условия на своем веб-сайте. Я не хочу использовать текстовое поле, а также не хочу использовать всю мою страницу. Я просто хочу отобразить текст в выбранной области и хочу использовать только вертикальную полосу прокрутки, чтобы спуститься вниз и прочитать весь текст.

В настоящее время я использую этот код:

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

Две проблемы:

Он не фиксирует ширину и высоту и не распространяется до появления всего текста.
Во-вторых, он показывает горизонтальную полосу прокрутки, и я не хочу ее показывать.

Ответ 1

См. overflow-y. Это CSS 3.

Ответ 2

Вам нужно указать width и height в px:

width: 10px; height: 10px;

Кроме того, вы можете использовать overflow: auto;, чтобы не показывать горизонтальную полосу прокрутки.

Поэтому вы можете попробовать следующее:

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

Ответ 3

чтобы скрыть горизонтальные полосы прокрутки, вы можете установить переполнение-x в скрытое, например:

overflow-x: hidden;

Ответ 4

Спасибо, первый

Используйте overflow:auto, он работает для меня.

горизонтальная полоса прокрутки исчезает.

Ответ 5

Чтобы показать вертикальную полосу прокрутки в вашем div, вам нужно добавить

height: 100px;   
overflow-y : scroll;

или

height: 100px; 
overflow-y : auto;

Ответ 6

Для любого случая установите overflow-x в hidden, и я предпочитаю устанавливать max-height, чтобы ограничить расширение высоты div. Ваш код должен выглядеть так:

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

Ответ 7

Вы можете использовать свойство переполнения

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

Ответ 8

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

height является необязательным