html - 如何更改 JupyterLab 中单元格的样式/宽度？

Question

我试过了

from IPython.core.display import display, HTML
display(HTML("<style>.container { width:60% !important; }</style>"))

从这个answer .我也试过了

%%html
<style>.container { width:60% !important; }</style>

但它们不起作用。

Answer 1

类的名称在 JupyterLab 中进行了重新设计，现在更易于理解和预测。为 JupyterLab 使用以下选择器:

• .jp-Cell 改变所有单元格的宽度
• .jp-Cell.jp-CodeCell 用代码只改变单元格的宽度
• .jp-Cell.jp-MarkdownCell 改变 Markdown 单元格的宽度
• .jp-Cell.jp-Editor 仅更改编辑器的宽度
• .jp-OutputArea-output 改变单元输出的with

例如，要使用 IPython 减少单元格的宽度，您可以使用:

from IPython.core.display import display, HTML
display(HTML("<style>.jp-Cell { width: 60% !important; }</style>"))

您可以使用 DOM 检查器，这是当今所有浏览器都提供的工具(参见说明 here )来检查您希望修改的特定元素的类名。