Вопросы Теги

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. Это не фиксирует ширину и высоту и распространение, пока весь текст не появляется.
  2. Второй это показывает горизонтальную полосу прокрутки, и я не хочу показывать его.
127
задан Dallas 13 November 2013 в 14:17
поделиться

2 ответа

Используйте overflow-y . Это свойство CSS 3.

224
ответ дан 24 November 2019 в 00:41
поделиться

Вам необходимо указать ширину и высоту в 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>
50
ответ дан 24 November 2019 в 00:41
поделиться