IPython笔记本将代码单元放入列中

0 投票
1 回答
1689 浏览
提问于 2025-04-18 04:47

有没有办法把代码单元格整理成一列的格式?我想在IPython笔记本里写推导,但是每个辅助方程似乎都打断了我的推导。我正在用一个模块来写我的方程,并把方程放进代码单元格,所以我不能在markdown里简单地用html对齐。任何帮助都非常感谢!

我想要的效果是这样的...

这里输入图片描述

而不是普通的垂直排列的单元格...

1 个回答

4

经过一番探索,我找到了一种通过修改笔记本的样式表来实现的解决办法。这个方法适用于 IPython 2.0,但可能不适用于 1.x 版本!要测试这个方法,只需在你的笔记本中执行以下代码:

%%HTML
<style> 
div#notebook-container.container {
  /* This acts as a spacer between cells, that is outside the border */
  margin: 2px 0px 2px 0px;
  list-style: none;
  padding: 0;
  margin: 0;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;  
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
}
div.cell {
width:550px
}
  </style>

这样你就可以得到一个灵活的盒子布局,从而让两个单元格并排显示。虽然我不是 CSS 专家,这个方法可能算是一个比较简单的技巧,但看起来效果还不错。如果你想更认真地使用这个方法,可以创建一个新配置文件,并把 CSS 添加到你的 custom.css 中。
我在 这里 找到了一些灵感。

最终效果如下:
enter image description here

撰写回答