如何更改jupyter笔记本的代码单元格中的行高

Question

我的jupyter笔记本中的两行代码之间的空格差异太大了。我想减少它。

我查看了custom.css目录中自定义文件夹中的.Jupyter文件，但我没有使用CSS的经验。我在改变哪一个选项之间感到困惑。有可能改变这个吗？

Answer 1

在CSS中，线之间的距离定义为线高。我不完全确定这将如何适用于你，因为我从未使用过Jupyter，但如果它适用于CSS样式表，你可以使用：

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

Answer 2

在该custom.css文件中尝试插入以下内容：

* { line-height: 140%; }

这是一个行高参数，它使得从一个基线（=放置字母的行）到下一个基线的距离是用于字母的最大空间高度的1.4倍。

更改该值，直到找到方便的值（120％，160％，无论如何）

开头的*字符适用于整个文档中的所有行。如果标题和类似标题看起来没问题，而您只想更改“常规”文字的行高，请写p而不是*，这将适用于所有段落，例如

p { line-height: 140%; }

Answer 3

浏览器总是加载它直到页面加载结束时看到的CSS，如果你想从你的页面编辑某些内容但你想为那个在jupytor.css之后链接到HTML页面上的CSS创建custom.css。之后，您将编辑的所有内容都将显示在您的页面中。如果你没有实现目标，仍然可以更好地解释你的问题。感谢

Answer 4

通过调整以下代码中的行高部分，我能够改变2行代码之间的空白差异。它位于custom.css目录中的~/jupyter/custom文件内。

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