如何在google-code-prettify中包装长代码行

Question

我正在使用google-code-prettify的默认设置。当一行太长时，它超出了边界，如下所示：它们是否可以包装代码行？

Answer 1

您需要使用pre-wrap。

pre {
  white-space: pre-wrap;
}

Answer 2

您可以使用CSS属性word-wrap: break-word;启用自动换行功能。确保您的选择器优先于Google的风格，因为他们可能会在某处设置word-wrap: nowrap;。

Answer 3

另一种方法是将overflow更改为auto

pre {
  overflow: auto;
}

Answer 4

对于使用亚麻布的任何人，您需要这个

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