我通常在新安装后修改存储所有视觉样式的主css文件。我使用Miniconda，但位置与其他C:\Miniconda3\Lib\site-packages\notebook\static\style\style.min.css类似

对于某些屏幕，这些分辨率是不同的，并且大于1。为了安全起见，我把所有屏幕都改成了98%，所以如果我断开了笔记本电脑的外部屏幕，我的屏幕宽度仍然是98%。

然后用98%的屏幕宽度替换1140px。

@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}

后编辑

@media (min-width: 1200px) {
  .container {
    width: 98%;
  }
}

保存并重新启动你的笔记本

更新

最近不得不拓宽Jupyter细胞上的一个环境，它是安装，这导致我回到这里，提醒自己。

如果你需要在虚拟环境中安装jupyter。你可以在这个子目录下找到css文件

env/lib/python3.6/site-packages/notebook/static/style/stye.min.css

为了让它与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()

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

我尝试了所有的方法，没有什么对我有用，我最终使用如下HTML显示我的数据帧

from IPython.display import HTML    
HTML (pd.to_html())

我通常在新安装后修改存储所有视觉样式的主css文件。我使用Miniconda，但位置与其他C:\Miniconda3\Lib\site-packages\notebook\static\style\style.min.css类似

对于某些屏幕，这些分辨率是不同的，并且大于1。为了安全起见，我把所有屏幕都改成了98%，所以如果我断开了笔记本电脑的外部屏幕，我的屏幕宽度仍然是98%。

然后用98%的屏幕宽度替换1140px。

@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}

后编辑

@media (min-width: 1200px) {
  .container {
    width: 98%;
  }
}

保存并重新启动你的笔记本

更新

最近不得不拓宽Jupyter细胞上的一个环境，它是安装，这导致我回到这里，提醒自己。

如果你需要在虚拟环境中安装jupyter。你可以在这个子目录下找到css文件

env/lib/python3.6/site-packages/notebook/static/style/stye.min.css

请注意，如果您使用旧的方法执行此操作，现在将得到一个弃用警告。这使用了较新的子模块命名:

from IPython.display import HTML

HTML("<style>.container { width:100% !important; }</style>")