2列上的Ipython笔记本答案

【问题标题】：Ipython notebook on 2 columns2列上的Ipython笔记本
【发布时间】：2015-08-29 15:40:19
【问题描述】：

我想必须在 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 不是很熟悉我不明白这是否可以应用于未知数字相等的块（未知，因为它们是由用户交互生成的）。作为参考，以下是当前的样子：

【问题讨论】：

标签： css ipython-notebook

【解决方案1】：

您可以将单元格更改为 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 是生成原始单元格的命令。

【讨论】：

不错！这似乎正是我所需要的（除了右边的标题会更小，但这不是一个大问题）
你现在不能在左边放一个标题，它们的大小仍然和以前一样。降价是一个文本单元格只是向右移动。您可以通过更改为div.text_cell.unrendered 来让降价在渲染后向左移动（ctrl-enter），因为 raw 永远不会被渲染。然后它将是 100% 宽度，您可以将标题放在任何地方。
您好，我尝试了代码，它不会停止运行。
@June 代码并没有真正运行，它只是改变了笔记本的样式。要将其改回，请删除单元格并重新加载笔记本。