如何在浏览器中增加Jupyter / ipython笔记本的单元格宽度？

8 回答

• 53

  那个 div.cell 解决方案实际上并没有在我的IPython上运行，但幸运的是有人建议为新的IPythons提供一个有效的解决方案：

  使用内容创建文件 ~/.ipython/profile_default/static/custom/custom.css （iPython）或 ~/.jupyter/custom/custom.css （Jupyter）

  .container { width:100% !important; }
  

  然后重启iPython / Jupyter笔记本 . 请注意，这将影响所有笔记本电脑 .

  回复于 2024-05-09T05:07:25+08:00
• 7

  如果您不想更改默认设置，并且只想更改当前正在处理的笔记本的宽度，则可以在单元格中输入以下内容：

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

  回复于 2024-05-09T05:07:25+08:00
• 176

  为了使这与jupyter（版本4.0.6）一起使用，我创建了包含以下内容的 ~/.jupyter/custom/custom.css ：

  /* Make the notebook cells take almost all available width */
  .container {
      width: 99% !important;
  }   
  
  /* Prevent the edit cell highlight box from getting clipped;
   * important so that it also works when cell is in edit mode*/
  div.cell.selected {
      border-left-width: 1px !important;
  }
  

  回复于 2024-05-09T05:07:25+08:00
• 12

  是时候使用jupyterlab

  最后，对笔记本电脑进行了急需的升级 . 默认情况下，它使用窗口的整个宽度，就像任何其他完整的原生IDE一样 .

  你所要做的就是：

  pip install jupyterlab
  # if you use conda
  conda install -c conda-forge jupyterlab
  # to run 
  jupyter lab    # instead of jupyter notebook
  

  Here is a screenshot from blog.Jupyter.org
  

  回复于 2024-05-09T05:07:25+08:00
• 7

  我在新安装后通常做的是修改存储所有视觉样式的主css文件 . 我使用Miniconda，但位置与其他人相似 C:\Miniconda3\Lib\site-packages\notebook\static\style\style.min.css

  对于某些屏幕，这些分辨率是不同的并且大于1.为了安全起见我将所有内容更改为98％所以如果我从笔记本电脑上的外部屏幕断开连接，我仍然有98％的屏幕宽度 .

  然后只需替换屏幕宽度的 1140px with 98% .

  @media (min-width: 1200px) {
    .container {
      width: 1140px;
    }
  }
  

  

  编辑后

  @media (min-width: 1200px) {
    .container {
      width: 98%;
    }
  }
  

  
  保存并重新启动笔记本电脑

  ---

  Update

  最近在安装的环境中不得不使用更广泛的Jupyter单元，这让我回到这里并提醒自己 .

  如果您需要在虚拟环境中执行此操作，则安装了jupyter . 您可以在此子目录中找到css文件

  env/lib/python3.6/site-packages/notebook/static/style/stye.min.css
  

  回复于 2024-05-09T05:07:25+08:00
• 13

  （截至2018年，我建议尝试使用JupyterHub / JupyterLab . 它使用显示器的全宽 . 如果这不是一个选项，可能因为您使用的是基于 Cloud 的Jupyter-as-a-service提供商之一，继续阅读）

  （时尚被指控窃取用户数据，我转而使用Stylus插件代替）

  我建议使用Stylish Browser Plugin . 这样，您可以覆盖所有笔记本的css，而无需向笔记本添加任何代码 . 我们不喜欢在.ipython / profile_default中更改配置，因为我们正在为整个团队运行共享Jupyter服务器，而width是用户首选项 .

  我专门为垂直方向的高分辨率屏幕制作了一种风格，它使细胞更宽，并在底部增加了一些空白空间，因此您可以将最后一个细胞定位在屏幕的中心 . https://userstyles.org/styles/131230/jupyter-wide当然，您可以根据自己的喜好修改我的CSS，如果您有不同的布局，或者您最后不想要额外的空白空间 .

  最后但同样重要的是，Stylish是您工具集中的一个很好的工具，因为您可以根据自己的喜好轻松定制其他网站/工具（例如Jira，Podio，Slack等）

  @media (min-width: 1140px) {
    .container {
      width: 1130px;
    }
  }
  
  .end_space {
    height: 800px;
  }
  

  回复于 2024-05-09T05:07:25+08:00
• 299

  您可以通过从任何单元格调用样式表来设置笔记本的CSS . 举个例子，看一下12 Steps to Navier Stokes course .

  特别是，创建一个包含的文件

  <style>
      div.cell{
          width:100%;
          margin-left:1%;
          margin-right:auto;
      }
  </style>
  

  应该给你一个起点 . 但是，可能还需要调整例如 div.text_cell_render 来处理降价以及代码单元 .

  如果该文件是 custom.css ，则添加一个包含以下内容的单元格：

  from IPython.core.display import HTML
  def css_styling():
      styles = open("custom.css", "r").read()
      return HTML(styles)
  css_styling()
  

  这将应用所有样式，特别是更改单元格宽度 .

  回复于 2024-05-09T05:07:25+08:00
• 4

  对于Chrome用户，我建议使用Stylebot，它可以覆盖任何页面上的任何CSS，还可以搜索和安装其他共享自定义CSS . 但是，出于我们的目的，我们不需要任何预先主题 . 打开Stylebot，更改为 Edit CSS . Jupyter捕获了一些键击，因此您将无法在下面键入代码 . 只需复制和粘贴，或只是编辑器：

  #notebook-container.container {
      width: 90%;
  }
  

  根据需要改变宽度，我发现90％看起来比100％好 . 但这完全取决于你的眼睛 .

  回复于 2024-05-09T05:07:25+08:00