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

有没有办法以列格式组织代码单元格？我想在IPython笔记本上写推导，但每个辅助方程似乎都会打断我的推导。我使用一个模块来编写我的方程式，并将方程式输入到代码单元格中，所以我不能在标记中使用简单的html对齐。非常感谢您的帮助

我的意思的一个例子是，我希望我的代码单元看起来像这样

---

经过深入研究，我发现了一种通过修改笔记本电脑css的黑客解决方案，而不是常规的垂直对齐单元格…

。 这适用于iPython2.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>

%%%HTML
div#notebook-container.container{
/*它充当细胞之间的间隔物，即边界之外的细胞*/
保证金：2px0px 2px0px；
列表样式：无；
填充：0；
保证金：0；
-ms盒方向：水平；
显示：-网络工具包盒；
显示器：-moz盒；
显示：-ms flexbox；
显示：-moz flex；
显示：-webkit flex；
显示器：flex；
证明内容：周围的空间；
-webkit柔性包装：包装；
柔性包装：包装；
-webkit柔性方向：行；
弯曲方向：行；
}
分区单元{
宽度：550px
}

通过这种方式，您可以获得灵活的长方体布局，从而使两个单元格并排浮动。 由于我不是CSS专家，这肯定是一个相当弱的黑客，但它似乎工作合理。要更认真地使用这种方法，您可以创建一个新的配置文件，并将css添加到您的custom.css中。
我找到了一些灵感

结果如下所示

---

在深入研究之后，我通过修改笔记本电脑css找到了一个黑客解决方案。 这适用于iPython2.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>

%%%HTML
div#notebook-container.container{
/*它充当细胞之间的间隔物，即边界之外的细胞*/
保证金：2px0px 2px0px；
列表样式：无；
填充：0；
保证金：0；
-ms盒方向：水平；
显示：-网络工具包盒；
显示器：-moz盒；
显示：-ms flexbox；
显示：-moz flex；
显示：-webkit flex；
显示器：flex；
证明内容：周围的空间；
-webkit柔性包装：包装；
柔性包装：包装；
-webkit柔性方向：行；
弯曲方向：行；
}
分区单元{
宽度：550px
}

通过这种方式，您可以获得灵活的长方体布局，从而使两个单元格并排浮动。 由于我不是CSS专家，这肯定是一个相当弱的黑客，但它似乎工作合理。要更认真地使用这种方法，您可以创建一个新的配置文件，并将css添加到您的custom.css中。
我找到了一些灵感

结果如下所示

---

你能提供一个简单的例子，这样你就能更清楚地了解你想要达到的目标吗？@Jakob，我编辑了我的问题。对不起，我不清楚，我希望这有帮助……有什么想法可以做到这一点吗？你能提供一个简单的例子，以便更清楚地了解你想要实现什么吗？@Jakob，我编辑了我的问题。很抱歉不清楚，我希望这有帮助…有什么想法如何做到这一点吗？我目前有一个css文件为我的笔记本电脑，但这段代码和我的css脚本似乎有点冲突。我将研究如何使它们都起作用，谢谢@Jakob！目前我的笔记本有一个css文件，但是这个代码和我的css脚本似乎有点冲突。我将研究如何使它们都起作用，谢谢@Jakob！