ジュピターノートのコードセルの行の高さを変更するには

Question

私のジュピターノートの2行のコード間のスペースの差は大きすぎます。私はそれを減らしたい。

.Jupyterディレクトリのカスタムフォルダ内にあるcustom.cssファイルをチェックアウトしましたが、私はCSSに関する経験はありません。私はどれを変更するかという多くのオプションの間で混乱しています。これを変更することは可能ですか？

Answer 1

CSSでは、行間の距離は行の高さとして定義されます。私は私がJupyterを使用したことがないとして、これはあなたに適用されるか全くわからないんだけど、それはCSSスタイルシートから働く場合は、使用できます。

*{ 
    line-height:10px; // Tweak till happy 
} 

Answer 2

ブラウザは、ページの最後まで表示されるCSSを読み込みます。あなたのページから何かを編集したいが、Jupytor.cssの後にHTMLページのCSSをリンクするためにcustom.cssを作成したい場合。その後、編集するすべてのものがページに表示されます。あなたの目標を達成していない場合は、さらにうまくあなたの質問を説明してください。ありがとう

Answer 3

ことのcustom.cssファイルに次のように挿入しよう：次回1.4時間文字のために使用される最大の空間の高さへの1つのベースライン（=文字が置かれたライン）からの距離を行う行の高さパラメータをだ

* { line-height: 140%; } 

。

値を変更し、あなたが便利だ1（120％、160％、何でも）

に文書全体のすべてのラインを適用し始めて作るの*文字を見つけるまで。ヘッダと似て大丈夫とあなたが唯一の「通常の」テキストの行の高さを変更したい場合は、

p { line-height: 140%; } 

Answer 4

のように私は宇宙差を変更することができた、すべての段落に適用され、代わりに*のpを書きます次のコードでline-height部分を微調整して、2行のコード間に挿入します。 ~/jupyter/customディレクトリ内のcustom.cssファイル内にあります。

div.CodeMirror pre {line-height: 1.1 !important;}