当前位置: 首页 > 知识库问答 >
问题:

如何更改JupyterLab中单元格的样式/宽度?

齐铭
2023-03-14

我试过了

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

从这个答案。我也试过

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

但它们不起作用。

共有1个答案

熊俊人
2023-03-14

类的名称在JupyterLab中进行了修改,现在更易于理解和预测。对JupyterLab使用以下选择器:

  • . jp-Cell更改所有单元格的宽度
  • . jp-Cell.jp-CodeCell以仅更改具有code的单元格的宽度
  • . jp-Cell.jp-Markdown单元格以更改Markdown单元格的宽度
  • . jp-Cell.jp-Editor仅更改编辑器的宽度
  • . jp-输出区域-输出以更改与的单元格输出

例如,要使用IPython缩小单元格宽度,可以使用:

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

您可以使用DOM inspector,这是目前所有浏览器都提供的工具(请参见此处的说明),来检查要修改的特定元素的类名。

 类似资料:
  • 有人能给我一个解决方案,我可以在单元格为空时读取应用到单元格的样式吗? 谢了。

  • setColumn 样式影响范围为整列。 设置 range 参数为 A1:D1,第一反应是设置第一行的前四个单元格样式,但是实际效果确是设置 第一列、第二列、第三列、第四列 整列。 函数原型 setColumn(string $range, double $width [, resource $formatHandler]); string $range $config = ['path' =>

  • setRow 样式影响范围为整行。 设置 range 参数为 A1:D1,第一反应是设置第一行的前四个单元格样式,但是实际效果确是设置 第一行整行。 如果是 A1:B3 ,就会设置 第一行、第二行、第三行样式,因为单元格范围覆盖了 第一行、第二行、第三行。 函数原型 setRow(string $range, double $height [, resource $formatHandler]);

  • 问题内容: 单击时,我必须调整tableView的一行的大小。我该怎么做?有人可以帮助我吗? 我的视图控制器类: 问题答案: 首先,您必须跟踪属性中当前选定单元格的indexPath: 它应该是可选的,因为您不能选择任何单元格。接下来让我们声明选定状态和未选定状态的高度(将值更改为所需的值): 现在您必须实现: 现在,在您的方法中,您必须检查是否选中了选定行或未选定行: 该和电话是给你一个动画的高

  • 问题内容: 是否可以使用或在angular2中更改伪元素的样式? 为了使div上的模糊效果像叠加层一样,我应该在伪元素上设置背景图像。 我尝试了类似的东西 它没有用。我也试过了 问题答案: 不,这不可能。实际上,这不是一个Angular问题:伪元素不是DOM树的一部分,因此不会暴露任何可用于与其交互的DOM API。 如果要以编程方式处理伪元素,通常的方法是间接的:添加/删除/更改类,并在CSS中

  • 目标:我试图在一个片段中应用两个不同的主题。一个用于片段的整体xml,另一个用于片段xml中的特定视图。 原因/问题:这是因为似乎不可能使用MaterialComponents将浮动操作按钮的整个背景更改为向量,但它确实适用于appCompat。 最初,我试图使用style="..."更改xml中的主题,如下所示,但它似乎正在恢复到清单中声明的主题AppTheme1。我知道这一点,因为我通过切换在