在2列的Ipython笔记本

时间:2015-08-29 15:40:20

标签: css ipython-notebook

我希望必须在2列上安装python笔记本的单元格,以便在代码旁边写入注释(例如,不是在下面插入2个单元格,而是插入我在右边插入一个单元格,左边的一个单元格) 我知道可以使用自定义css来改变外观(例如https://github.com/nsonnad/base16-ipython-notebook/blob/master/ipython-3/output/base16-3024-dark.css),是否也可以进行布局?

另一方面,我找到了一个如何使用css创建表格布局(https://pixelsvsbytes.com/2012/02/this-css-layout-grid-is-no-holy-grail/)的示例,但对CSS不是很熟悉我不明白是否可以应用到未知数量的相等块(未知因为它们是由用户交互生成的)。作为参考,这里是如何看起来像:

enter image description here

1 个答案:

答案 0 :(得分:7)

您可以将单元格更改为markdown或raw,并使它们向右浮动。

from IPython.core.display import HTML
HTML("<style> div.code_cell{width: 75%;float: left;}"
    +"div.text_cell{width: 25%;float: right;}"
    +"div.text_cell div.prompt {display: none;}</style>")

现在当你输入一个单元格并想要它在右边按esc-r(或m) esc-取消选择它并允许笔记本处理命令。 r是制作原始单元格的命令。

enter image description here