在IPython笔记本上居中输出

Question

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

Answer 1

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

与（较旧的）IPython

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

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

ui-wrapper - div包含ui-resizable - 图像，可以在其父output-subarea中对齐。设置为margin-left的{​​{1}}和margin-right将居中。关键字auto是避免笔记本内联样式覆盖所必需的。据我所知，使用！important不是最好的事情，但在这里它可以完成这项工作。

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

!important

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

与Jupyter（4.1.0）

自我发布第一篇文章以来，笔记本和文件位置的HTML输出已发生变化。但即使我们不再需要%%bash ipython locate ，一般方法也保持不变：

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

$USER/.jupyter/custom/custom.css

在Windows上，您必须将import jupyter_core custom_css = jupyter_core.paths.jupyter_config_dir() + '/custom/custom.css' print "File: %s" % custom_css 替换为/我猜。

要居中的元素是\\ div中的图像。

output_png

已经使用Firefox 44.0.2和Chrome 49.0进行了测试。

使用Jupyter主题

此外，还有一些主题工具。我没有测试过

• jupyter-themes或
• jupyter-themer

我自己，但他们可能会有所帮助。