Прокрутка области PRE

Несколько лет мирился с тем, что цитируемый код на моём сайте «вываливается» за границу экрана при использовании тега <pre>. Но недавно мне пришлось пользоваться своим же сайтом с телефона и там эта проблема вылезла очень боком. После этого пришлось экстренно искать решение вопроса. На разных ресурсах используется код на jQuery и куча CSS. Пока искал как сие реализовано на других сайтах нашёл очень красивое решение уже встроенное в браузеры.

Достаточно добавить css-свойство overflow и overflow-y, чтобы заработала прокрутка внутри тега <pre>.

overflow: auto; overflow-y: hidden

Вот таким образом получилось исправить ситуацию с текстом выходящим за рамки окна.

Тэги: программирование, SEO

Отредактировано:2020-09-25 10:40:52