如何在Jupyter Notebook的代码单元输出中避免出现多个水平滚动条？

Question

我正在Jupyter Notebooks上编写Java代码，以打印出长行的表格。为了避免换行，我将Jupyter css定制为：

pre {
    white-space: pre;
}

所以我成功打印了整个表格，但是问题是在行数增加之后，是否添加了滚动条？我只想保留最后一个滚动条并删除其他滚动条。有人可以帮助我吗？

Answer 1

如果可以包装所有<div class="output">..</div>，则可以这样解决。您可以删除颜色和填充。

.output {
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  overflow: auto;

  background-color: aqua;
  padding: 1rem;
}

.output > pre {
  flex-grow: 1;
  display: flex;
  flex-wrap: nowrap;

  background-color: deepskyblue;
  margin-bottom: 1rem;
  padding: 1rem;
}

<div class="output">
  <pre>value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | </pre>
  <pre>value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | value | </pre>
</div>

Answer 2

感谢@ Dejan.S的帮助，如果有人需要它，我在这里总结答案。我们需要将Jupyter Notebook的custom.css定制为：

pre {
    white-space: pre;
    overflow: hidden;
}

.output {
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  overflow: auto;
}

div.output_subarea {
  padding: 0;
}