如何在浏览器中消除Jupyter/ipython笔记本电脑周围的灰色边框？

Question

我在这篇文章中读到了如何更改Jupyter笔记本电脑的单元格宽度（我使用第二个答案动态地这样做）。该方法消除了左右灰色边界。

但是，这仍然会在文档的顶部和底部留下灰色边框。我怎样才能把它移除，使细胞可以被放在一块干净的石板上？

Answer 1

我会在我的css中添加以下内容

*{margin:0;
  padding:0;
}

html, body, .container{
   margin:0!important;
   padding:0!important;
}

这样就可以去掉顶部和底部以及侧面的额外空间。如果你所说的边框是一条线，你可以添加border:0 进入html，主体css

看到评论后更新：

根据您给定的解决方案，您也可以对高度执行相同的操作（height:100%；！important），但根据我的经验，将height属性设置为100%不如对width有效（因为高度更具动态性），请先尝试html/body。

带有html/body属性的内联样式示例：

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

Answer 2

尝试一些建议和部署Firebug，以下是我为最大化工作空间所做的更改。使用css属性不适合我，因为我偶尔会使用目录插件，设置宽度会把事情搞砸。

添加以下css到~/. jupyter/定制/custom.css：

/* Modifications to notebook layout to maximize working space */

/* maximize working space */
#notebook {
    padding: 5px 0 5px 0 !important;
}

/* eliminate most of bottom gray */
.end_space {
    min-height: 5px !important;
}

/* reduce white padding on the outside of the notebook */
#notebook-container {
    padding: 5px;
}

/* less padding in sub-cells on the left with In[] */
.run_this_cell {
    padding-left: 0px;
    padding-right: 0px;
}

当然，如果该文件中已有内容，则需要将以前的设置与此设置合并。

如果我还没有准备好custom.css，您可能需要重新启动jupyter。

在写这篇文章的时候，这个插件在主笔记本的主体两侧都有一个厚厚的灰色边缘。我要求使保证金变量可配置。在实现这一点之前（如果有），我：

cd ~/.local/share/jupyter/nbextensions
patch -p0 < margin-width.patch

其中页边距宽度。修补程序包含：

--- toc2/toc2.js        2018-07-06 15:00:27.139881888 -0700
+++ toc2/toc2.js.fixed  2018-07-06 15:00:36.359743263 -0700
@@ -224,7 +224,7 @@
     }

     function setNotebookWidth(cfg, st) {
-        var margin = 20;
+        var margin = 5;
         var nb_inner = $('#notebook-container');
         var nb_wrap_w = $('#notebook').width();
         var sidebar = $('#toc-wrapper');

要使此更改生效，无需重新启动jupyter。

现在我可以很好地利用所有可用空间，而不会太紧：

Answer 3

更新2019/02/18：我建议安装jupyter主题，而不是执行以下操作。这些笔记本主题真棒，漂亮，易于使用，他们消除了灰色边框。

原职：

所以在笔记本上使用“检查元素”并学习了一点点CSS之后，下面的方法似乎会奏效

from IPython.core.display import display, HTML
display(HTML(
    '<style>'
        '#notebook { padding-top:0px !important; } ' 
        '.container { width:100% !important; } '
        '.end_space { min-height:0px !important; } '
    '</style>'
))

其中顶线去除顶部的灰色边距，中线去除侧边距，底线去除底部的灰色边距。

之间的内容

/* Modifications to notebook format  */
#notebook { padding-top:0px !important; } /* eliminate top gray */
.container { width:100% !important; } /* eliminate side gray */
.end_space { min-height:0px !important; } /* eliminate bottom gray */