将 Jupyter Lab 导出为 HTML 后防止代码单元格换行文本答案

【问题标题】：Prevent code cells from wrapping text after exporting Jupyter Lab to HTML将 Jupyter Lab 导出为 HTML 后防止代码单元格换行文本
【发布时间】：2019-06-14 09:02:19
【问题描述】：

我有一个 Jupyter Lab 笔记本，当我在我的机器上编辑它时它看起来很棒。不过，我将通过简单的“文件 > 将笔记本导出为 > 将笔记本导出为 HTML”与他人分享。

这样做后，所有的代码单元都使用自动换行，看起来很丑陋，以至于我相信人们甚至不想看它们:(

我可以在导出到 HTML 时禁用代码单元自动换行吗？我做了一些详尽的谷歌搜索，但没有看到这个问题。谢谢！ :)

这是我的看法。看起来很棒！

但这里是在导出为 HTML 之后：

【问题讨论】：

标签： jupyter-notebook jupyter jupyter-lab

【解决方案1】：

我自己想出来了，激动！

我没有更改 Jupyter Lab 的导出行为。相反，我直接编辑了 .html 输出来解决问题。

搜索 .html 代码，你会看到：

/* Word-wrap output correctly.  This is the CSS3 spelling, though Firefox seems
   to not honor it correctly.  Webkit browsers (Chrome, rekonq, Safari) do.
 */
pre,
code,
kbd,
samp {
  white-space: pre-wrap;
}

只需将“pre-wrap”更改为“pre”，您就会在以后的每个代码框中看到所需的行为。见截图：

solved

【讨论】：

我的解决方案仅适用于 Chrome/Firefox，不适用于 IE/Edge。