Jupyter Lab导出.ipynb为HTML时代码块横向堆叠问题求助

API 探路者

2026-7-12

解决Jupyter Lab导出HTML代码块横向堆叠的问题

以下是几个可行的解决方法：

升级Jupyter Lab到最新版本
旧版本可能存在导出HTML的样式bug，通过Anaconda命令行执行升级：
```
conda update jupyterlab
```
升级完成后重启Jupyter Lab，再尝试导出。
使用nbconvert手动指定模板导出
避开Jupyter Lab内置导出的问题，用命令行工具nbconvert导出，选择basic模板能避免样式冲突：
```
jupyter nbconvert --to html --template basic your_notebook.ipynb
```
把your_notebook.ipynb替换成你的实际文件名。
在Notebook中添加自定义CSS强制换行
在你的.ipynb文件里新建一个Markdown单元格，插入以下CSS代码：
```
<style>
pre code {
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
}
</style>
```
运行这个单元格后再导出HTML，代码块就会自动换行排版。
检查代码块的特殊格式
确认你的代码单元格里没有手动添加过强制不换行的格式，或者存在异常的连续无空格字符，这类内容可能导致导出时样式失效，清理后再尝试导出。