如何在浏览器中增加Jupyter / ipython笔记本的单元格宽度?

我想在我的浏览器中增加ipython笔记本的宽度。 我有一个高分辨率的屏幕,我想扩大单元格的宽度/大小,以利用这个额外的空间。

谢谢!


编辑:5/2017

我现在使用jupyterthemes: https : //github.com/dunovank/jupyter-themes

和这个命令:

jt -t oceans16 -f roboto -fs 12 -cellw 100% 

它将宽度设置为100%,并带有一个很好的主题。

如果您不想更改默认设置,而只想更改当前正在处理的笔记本的宽度,则可以将以下内容input到单元中:

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

div.cell解决scheme实际上并没有在我的IPython上工作,但幸运的是有人提出了新的IPython的工作解决scheme:

使用内容创build~/.ipython/profile_default/static/custom/custom.css (iPython)或~/.jupyter/custom/custom.css (Jupyter)文件

 .container { width:100% !important; } 

然后重新启动iPython / Jupyter笔记本。 请注意,这将影响所有笔记本电脑。

为了使这个工作与jupyter(版本4.0.6)我创build了~/.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个步骤 。

特别是创build一个包含文件

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

应该给你一个出发点。 但是,也可能需要调整div.text_cell_render来处理降价以及代码单元格。

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

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

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

我build议使用时尚浏览器插件 。 这样,你可以覆盖所有笔记本电脑的CSS,而不需要向笔记本添加任何代码。 我们不想在.ipython / profile_default中更改configuration,因为我们正在为整个团队运行共享的Jupyter服务器。

我专门为垂直方向的高分辨率屏幕制作了一个样式,它使得单元格变宽,并在底部添加了一些空白区域,因此您可以将最后一个单元格放置在屏幕中央。 https://userstyles.org/styles/131230/jupyter-wide当然,如果你有不同的布局,或者你最终不需要额外的空白空间,你可以根据自己的喜好修改我的CSS。;

最后但并非最不重要的一点,Stylish是一个非常好的工具,因为您可以根据自己的喜好轻松地定制其他网站/工具(如Jira,Podio,Slack等)

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

然后用98%的屏幕宽度replace1140像素

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

在这里输入图像描述

编辑完成后

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

在这里输入图像描述 保存并重新启动笔记本

对于Chrome用户,我build议使用Stylebot ,它可以让您覆盖任何页面上的任何CSS,也可以search并安装其他共享自定义CSS。 但是,为了我们的目的,我们不需要任何先进的主题。 打开Stylebot,更改为Edit CSS 。 Jupyter捕获一些击键,所以你将无法input下面的代码。只需复制和粘贴,或只是你的编辑器:

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

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