如何在浏览器中增加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%好。 但这完全取决于你的眼睛。