Для веб-сайтов, где приходится выкладывать код, порой листинг может достигать больших размеров (>100 строк). Для листингов часто используют тэг <pre> или <code>
и для него было бы неплохо сделать автоматический вертикальный скроллинг при превышении высоты. Сделать это достаточно просто, используя описание в css
.
Просто опишите любым удобным способом для вашего сайта CSS для тега, а можете создать отдельный класс.
pre {
height: auto;
max-height: 450px;
overflow: auto;
background-color: #eeeeee;
word-break: normal !important;
word-wrap: normal !important;
white-space: pre !important;
}
При превышении высоты в 450px
появится вертикальный скроллер (полоса прокрутки) для контента в блоке <pre>
.
Как это будет выглядеть на практике, давайте посмотрим на примере письма Онегина к Татьяне.
Предвижу все: вас оскорбит
Печальной тайны объясненье.
Какое горькое презренье
Ваш гордый взгляд изобразит!
Чего хочу? с какою целью
Открою душу вам свою?
Какому злобному веселью,
Быть может, повод подаю!
Случайно вас когда-то встретя,
В вас искру нежности заметя,
Я ей поверить не посмел:
Привычке милой не дал ходу;
Свою постылую свободу
Я потерять не захотел.
Еще одно нас разлучило...
Несчастной жертвой Ленский пал...
Ото всего, что сердцу мило,
Тогда я сердце оторвал;
Чужой для всех, ничем не связан,
Я думал: вольность и покой
Замена счастью. Боже мой!
Как я ошибся, как наказан.
Нет, поминутно видеть вас,
Повсюду следовать за вами,
Улыбку уст, движенье глаз
Ловить влюбленными глазами,
Внимать вам долго, понимать
Душой все ваше совершенство,
Пред вами в муках замирать,
Бледнеть и гаснуть... вот блаженство!
И я лишен того: для вас
Тащусь повсюду наудачу;
Мне дорог день, мне дорог час:
А я в напрасной скуке трачу
Судьбой отсчитанные дни.
И так уж тягостны они.
Я знаю: век уж мой измерен;
Но чтоб продлилась жизнь моя,
Я утром должен быть уверен,
Что с вами днем увижусь я...
Боюсь: в мольбе моей смиренной
Увидит ваш суровый взор
Затеи хитрости презренной -
И слышу гневный ваш укор.
Когда б вы знали, как ужасно
Томиться жаждою любви,
Пылать - и разумом всечасно
Смирять волнение в крови;
Желать обнять у вас колени
И, зарыдав, у ваших ног
Излить мольбы, признанья, пени,
Все, все, что выразить бы мог,
А между тем притворным хладом
Вооружать и речь и взор,
Вести спокойный разговор,
Глядеть на вас веселым взглядом!..
Но так и быть: я сам себе
Противиться не в силах боле;
Все решено: я в вашей воле
И предаюсь моей судьбе