Трудно получить предварительные и кодовые теги для прокрутки, а не для переноса

Мой сайт построен с использованием генератора статических сайтов, который я создал сам, и использует Bootstrap для макета. Я использую Highlight.js для подсветки синтаксиса (запуск на стороне сервера как часть процесса сборки), и он работает довольно хорошо. Однако одна вещь поставила меня в тупик.

Я хотел бы, чтобы теги кода прокручивались, когда строка была слишком широкой, а не переносились на следующую строку. Обычно я считаю, что обычно это можно сделать, <pre> теги с white-space: nowrap, но здесь это не работает, и все, что я пробовал, либо не имеет никакого эффекта, либо просто толкает все влево.

Кто-нибудь еще может увидеть, в чем проблема?

Источник

2 ответа

Решение

Наткнулся на ответ здесь, в конце концов:

pre {
    overflow-x: auto;
}
pre code {
    overflow-wrap: normal;
    word-wrap: normal;
    white-space: pre;
}
Источник

Я думаю, что если вы добавите следующий атрибут в объявление, это будет хорошо.

useBR:false
Источник
Другие вопросы по тегам