在IPython筆記本上集中輸出

我有一個類似的問題here。我有一個IPython筆記本，我希望輸出具有中心圖。我已經複製了CSS文件和上面鏈接中指示的所有內容，並且，雖然情節改變了樣式，但它們並不集中在我的屏幕上。在IPython筆記本上集中輸出

2013-11-05 James

你使用哪個IPython版本？ – Jakob

iPython 1.1.0，Python 2.7.3 – James

這可能會有點晚，但也許Google會帶來更多的人在這裏尋找解決方案。我們可以風格IPython的輪廓在custom.css輸出，並添加以下內容：

與（以上）的IPython

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

之後，你只需要重新加載頁面你的瀏覽器。

ui-wrapper -div包含ui-resizable -image，可以在其父代output-subarea中對齊。 margin-left和margin-right設置爲auto將居中。必須使用關鍵字!important才能避免筆記本進行內聯樣式覆蓋。據我所知，使用！重要不是最好的事情，但在這裏完成這項工作。

如果你不知道在哪裏IPython的曲線可以發現，你可以運行此代碼：

%%bash 
ipython locate

通常它位於〜/ .ipython，其中〜是你的主文件夾。該css文件應該位於〜/ .ipython/profile_default/static/custom/custom.css，並且如果您以前沒有使用過，它應該是空的。

與Jupyter（4.1.0）

筆記本電腦和文件位置的HTML輸出，因爲我的第一篇文章已經改變。但即使我們不再需要!important，通用方法仍然保持不變：

查找和/或創建custom.css文件。它應該位於* nix系統上的$USER/.jupyter/custom/custom.css。如果它不存在，請創建它並重新啓動筆記本服務器。這應該給你一個關於在何處尋找提示：

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

在Windows上必須更換/與\\我猜。

要居中的元素是output_png div中的圖像。

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

這已經過Firefox 44.0.2和Chrome 49.0的測試。

隨着Jupyter主題

此外，也有一些主題化工具各地。我沒有既不

jupyter-themes也不
jupyter-themer

測試自己，但他們可能會有所幫助。

來源

2014-11-27 10:40:59 aleneum

這不會居中重複... – ostrokach

@ostrokach，你可能是對的。在筆記本的開發過程中，元素和類名稱已經發生了很大變化。我已經用最新的解決方案更新了我的答案。很抱歉，可怕的遲到迴應！ – aleneum

在IPython筆記本上集中輸出

回答

相關問題