繁体   English   中英

iPython Notebook CSS代码单元格的格式

[英]ipython notebook css formatting of code cells

我在笔记本中使用自定义css,但似乎没有正确覆盖默认css。 我的代码单元格如下所示:

漂亮的代码单元

当我执行它们时,它们在底部添加一些空间,其中似乎包括原始输入格式:

看起来很奇怪的代码单元

我想摆脱这个。

使用firefox的Inspector,与下面未执行的单元格中的同一元素相比,可以看到div.input_area元素得到了放大:

有问题的div

在标题为“设置”的部分中,放大的div以淡蓝色突出显示。 “定义一些助手功能”部分下的相同元素具有正确的大小。

双击放大的单元格后,它将再次正确显示。

是什么导致div.input_area元素增大,或者我该怎么做才能找到原因?

编辑:

我刚刚发现div.input_area的父div.input_area具有-moz-box-flex: 1属性。 当我取消选中该复选框时,该单元会水平缩小以适合内容(我不希望这样做),但还会覆盖以前添加的额外空间。 看起来像这样:

水平缩小,但覆盖了单元执行后自动添加的额外空间

您可以共享修改CSS吗? 在默认主题下,我在计算机上看不到该行为。 而且,我看不出任何原因来改变.input_area的大小,因为它是如何工作的。 但是我在master [*]上,并且某些CSS已更改,因此这可能就是原因。

至于正确覆盖css的方法,除了使用custom.css之外,没有其他官方方法,但是由于我们的css几乎使用.less编译,因此您可能只想重新定义variable.less文件并重新编译完整style.css文件,以确保在所有正确的位置覆盖颜色。

旁注,我们希望笔记本/ nbviewer的主题设置更简单,但是我们没有足够的人力来做到这一点。 欢迎想法,帮助和文档撰写:-)

[*]甚至在大部分时间未合并到主节点上的分支上

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM