Как переносить длинные строки кода в google-code-prettify

Я использую настройку по умолчанию для google-code-prettify. Когда линия слишком длинная, она превышает границу, например: enter image description here Являются ли они возможными решениями для обертывания строки кода?

Ответ 1

Вы можете использовать свойство CSS word-wrap: break-word;, чтобы включить перенос слов. Убедитесь, что ваш селектор имеет приоритет над стилем Google, поскольку они, вероятно, устанавливают word-wrap: nowrap; где-то.

Ответ 2

Вам нужно использовать pre-wrap.

pre {
  white-space: pre-wrap;
}

Ответ 3

Альтернативой является изменение overflow на auto

pre {
  overflow: auto;
}

Ответ 4

Для тех, кто пользуется бельем, вам нужно это

:not(pre) > code {
    white-space: pre-wrap; 
    word-wrap: break-word;
}