java - 如何避免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>