在IPython笔记本上居中输出

Question

我在这里有类似的问题.我有一个IPython笔记本,我希望输出有中心图.我已按上述链接中的说明复制了css文件和所有内容,并且,虽然图表改变了样式,但它们并不以我的屏幕为中心.

Answer 1

这可能会有点晚,但谷歌可能会让更多人在这里寻找解决方案.我们可以在IPython配置文件中的custom.css中设置输出样式并添加以下内容:

与(较旧的)IPython

.ui-wrapper {
    margin-left: auto !important;
    margin-right: auto !important;
}

之后,您只需在浏览器中重新加载页面即可.

该ui-wrapper-div包含ui-resizable-图像,并且可以在其母公司保持一致output-subarea.margin-left并margin-right设定为auto中心.该关键字!important是必要的,以避免笔记本电脑的内联样式覆盖.据我所知,使用!important不是最好的事情,但在这里它可以完成这项工作.

如果您不知道可以在哪里找到IPython配置文件,则可以运行以下代码:

%%bash 
ipython locate

通常它位于〜/ .ipython,其中〜是您的主文件夹.css文件应该位于〜/ .ipython/profile_default/static/custom/custom.css,如果你之前没有使用它,它应该是空的.

与Jupyter(4.1.0)

自我的第一篇文章以来,笔记本和文件位置的HTML输出已经改变.但即使我们不再需要,一般方法也保持不变!important:

查找和/或创建custom.css文件.它应位于$USER/.jupyter/custom/custom.css*nix系统上.如果它不存在,请创建它并重新启动笔记本服务器.这应该给你一个关于在哪里看的提示:

import jupyter_core
custom_css = jupyter_core.paths.jupyter_config_dir() + '/custom/custom.css'
print "File: %s" % custom_css

在Windows上,需要更换/与\\我猜.

要居中的元素是output_pngdiv中的图像.

.output_png img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

这已经过Firefox 44.0.2和Chrome 49.0的测试.

有了Jupyter主题

此外,还有一些主题工具.我没有测试过

• jupyter-themes也不是
• jupyter-themer

我自己,但他们可能会有帮助.