Я хочу показать сроки и условия заметки на моем сайте. Я не хочу использовать текстовое поле, а также не хочу использовать всю мою страницу. Я просто хочу отобразить свой текст в выбранной области и хочу использовать только вертикальную полосу прокрутки, чтобы перейти вниз и прочитать весь текст.
В настоящее время я использую этот код:
<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>
Две проблемы:
- Он не фиксирует ширину и высоту и не распространяется, пока не появится весь текст.
- Во-вторых, он показывает горизонтальную полосу прокрутки, и я не хочу показывать это.
Ответы:
Использование
overflow-y
. Это свойство CSS 3.источник
чтобы скрыть горизонтальные полосы прокрутки, вы можете установить overflow-x на скрытый, например:
источник
Вам необходимо указать
width
иheight
вpx
:Кроме того, вы можете использовать,
overflow: auto;
чтобы не показывать горизонтальную полосу прокрутки.Поэтому вы можете попробовать следующее:
источник
Сначала спасибо
Используйте
overflow:auto
это работает для меня.горизонтальная полоса прокрутки исчезает.
источник
Для любого случая установлено
overflow-x
значение,hidden
и я предпочитаю устанавливать егоmax-height
, чтобы ограничить расширение высоты div. Ваш код должен выглядеть так:источник
Чтобы показать вертикальную полосу прокрутки в вашем div, вам нужно добавить
или
источник
max-height: 100px;
.height
то, что не хватало, поэтому не показывал вертикальные полосы прокрутки, хотяheight:100%;
работал лучше для меня.height
необязательноисточник
Вы можете использовать свойство переполнения
источник
Я также столкнулся с той же проблемой ... попробуйте сделать это ... это сработало для меня
источник
Это мой микс:
источник