如何在IPython Notebook中并排放置“input”和“output_wrapper”div

Question

我想将IPython Notebook单元格的输入和输出DIV放在一起，而不是垂直堆叠。

我尝试缩短宽度并浮动DIV（使用~/.ipython/profile_default/static/custom.css中的自定义CSS），但虽然宽度似乎正确，但两个DIV仍然不是并排。

这是CSS：

.input {
  width: 45%;
  float: left;
}

.output_wrapper {
  width: 45%;
  float: left;
}

这是截图：

Answer 1

Matthias Bussonier has the answer here。关键的补充似乎是

div.cell {
  flex-direction:row;
}

到css。

他posted on the ipython-dev mailing list使用不同方法的html单元版本：

%%html
<style>
div.cell{
    box-orient:horizontal;
    flex-direction:row;
}

div.cell *{
    width:100%;
}

div.prompt{
    width:80px;

}
</style>