4

hereと同様の質問があります。IPython ノートブックを持っています。出力のプロットを中央揃えにしたいと思います。上記のリンクで指示されているようにcssファイルとすべてをコピーしましたが、プロットのスタイルが変更されても、画面の中央に表示されません。

4

1 に答える 1

6

これは少し遅れて来るかもしれませんが、Google が解決策を探している人をここに連れてくるかもしれません。IPython プロファイルのcustom.cssで出力のスタイルを設定し、以下を追加できます。

（古い）IPythonを使用

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

その後、ブラウザでページをリロードするだけです。

ui-wrapper-div には -image が含まれ、そのui-resizable親に配置できますoutput-subarea。意志中心margin-leftにmargin-right設定します。autoキーワード!importantは、ノートブックによるインライン スタイルのオーバーライドを避けるために必要です。私の知る限り、 !important を使用するのは最善の方法ではありませんが、ここではそれでうまくいきます。

IPython プロファイルがどこにあるかわからない場合は、次のコードを実行できます。

%%bash 
ipython locate

通常は~/.ipythonにあります。 ~ はホーム フォルダーです。css ファイルは~/.ipython/profile_default/static/custom/custom.cssにある必要があり、以前に使用したことがない場合は空になっている必要があります。

ジュピター（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 テーマを使用

さらに、いくつかのテーマ ツールがあります。どちらもテストしていません

私自身ですが、参考になるかもしれません。

于 2014-11-27T10:40:59.240 に答える