调整各个jupyter笔记本电脑单元的高度

Question

custom.css可以很好地调整jupyter笔记本的宽度（以及font size的宽度......）：

.container { width:100% !important; height: 200px; }
.CodeMirror pre {font-family: Monaco; font-size: 9pt;}

单元格 高度 比较棘手，因为我们不希望所有单元格过高。

以下是“想要”更多垂直净空的单元格的示例：

是否有每个单元格的方法来实现这一目标？这个问题实际上有两个部分：

• 如何为python内核执行此操作（可能最简单）：

• 如何更改其他内核的单元格高度：具体我们对R和Spark

感兴趣

Answer 1

这有点hacky，但是它的python风格可以使用jquery和一些IPython函数来完成，这些函数使您可以在单元格中内联执行javascript。

from IPython.display import display, HTML

这将使您可以在任何像这样的单元格中的任何位置执行javascript：

display(HTML("<script>alert('Hello, World!');</script>"))

然后，我们将其与Jupyter div元素上的一些jquery和一些已知类混合在一起，然后可以将已执行单元的output_wrapper大小更改为所需的大小：

display(HTML("<script>$('div.cell.selected').children('div.output_wrapper').height(50);</script>"))

如果您不想再次在该单元格中重新运行代码，请在要更改的单元格上方插入一个单元格，并对其进行调整以选择下一个单元格div并更新高度：

display(HTML("<script>$('div.cell.selected').next().height(100);</script>"))

如果需要在多个单元格上使用辅助功能将它们包装起来将是简单且值得的。

显然，在关闭或重新装入笔记本计算机时不会保留此设置。为此，您可以通过添加单元元数据属性来改进此功能，然后将其放入custom.js中，以根据需要读取和呈现。