为了让它与jupyter(版本4.0.6)一起工作，我创建了~/.jupyter/custom/custom.css，其中包含:

/* Make the notebook cells take almost all available width */
.container {
    width: 99% !important;
}   

/* Prevent the edit cell highlight box from getting clipped;
 * important so that it also works when cell is in edit mode*/
div.cell.selected {
    border-left-width: 1px !important;
}

您可以通过从任何单元格调用样式表来设置笔记本的CSS。举个例子，看看Navier Stokes课程的12步。

特别是，创建一个包含

<style>
    div.cell{
        width:100%;
        margin-left:1%;
        margin-right:auto;
    }
</style>

应该能给你一个起点。然而，可能还需要调整例如div.text_cell_render来处理markdown以及代码单元格。

如果该文件是custom.css，则添加包含以下内容的单元格:

from IPython.core.display import HTML
def css_styling():
    styles = open("custom.css", "r").read()
    return HTML(styles)
css_styling()

这将应用所有样式，特别是改变单元格宽度。

对于Chrome用户，我推荐Stylebot，它可以让你覆盖任何页面上的任何CSS，也可以让你搜索和安装其他共享自定义CSS。然而，出于我们的目的，我们不需要任何提前的主题。打开Stylebot，更改为编辑CSS。Jupyter捕获了一些击键，因此您将无法键入下面的代码。只需复制粘贴，或只需你的编辑器:

#notebook-container.container {
    width: 90%;
}

改变宽度随你喜欢，我发现90%看起来比100%更好。但这完全取决于你的眼睛。

对于Firefox/Chrome用户，实现100%宽度的好方法是使用自定义TamperMonkey脚本。

好处是

在浏览器中配置一次，不需要修改服务器配置。 工作与多个jupyter服务器。 TamperMonkey是可信的、维护的、稳定的。 很多额外的定制是可以通过javascript实现的。

这个脚本为我工作https://gist.githubusercontent.com/mrk-andreev/2a9c2538fad0b687c27e192d5948834f/raw/6aa1148573dc20a22fca126e56e3b03f4abf281b/jpn_tmonkey.js

这是我最终使用的代码。它将输入和输出单元格向左和向右拉伸。注意，输入/输出数字指示将消失:

from IPython.core.display import display, HTML
display(HTML("<style>.container { width:100% !important; }</style>"))
display(HTML("<style>.output_result { max-width:100% !important; }</style>"))
display(HTML("<style>.prompt { display:none !important; }</style>"))

为了让它与jupyter(版本4.0.6)一起工作，我创建了~/.jupyter/custom/custom.css，其中包含:

/* Make the notebook cells take almost all available width */
.container {
    width: 99% !important;
}   

/* Prevent the edit cell highlight box from getting clipped;
 * important so that it also works when cell is in edit mode*/
div.cell.selected {
    border-left-width: 1px !important;
}