Wie kann ich den grauen Rahmen um Jupyter/ipython-Notizbücher in meinem Browser entfernen?

Question

Ich lese in this thread, wie Sie die Zelle Breite für Jupyter Notebooks ändern (ich habe die second answer verwendet, um dies dynamisch zu tun). Diese Methode beseitigt die linken/rechten grauen Ränder.

Dies jedoch bleibt eine graue Grenze bei oben und unten des Dokuments. Wie kann ich das auch entfernen, damit die Zellen auf einer sauberen Weste liegen?

Answer 1

So nach "Inspect Element" auf einem Notebook und ein Jota von CSS zu lernen, so scheint es folgendes funktioniert

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>")) 

In der oberen Zeile wird der graue Rand oben entfernt, in der mittleren Zeile werden die Seitenränder entfernt und in der unteren Zeile wird der graue Rand unten entfernt. Der Inhalt zwischen <style>, </style> kann natürlich auch zu der Datei custom.css in ~/.jupyter/custom/ nach this thread hinzugefügt werden; meine Datei enthält die Zeilen

/* 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 */ 

Answer 2

würde ich folgendes zu meinem css

*{margin:0; 
    padding:0; 
} 

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

hinzufügen und das sollte, sowie die Seiten an der Ober- und Unterseite loszuwerden, die zusätzlichen Platz bekommen. Wenn es eine Zeile, die Sie durch eine Grenze meinen Sie border:0; in den html, body css

aktualisieren, nachdem er Kommentar hinzufügen könnte:

Von Ihrer gegebenen Lösung, können Sie auch tun gleiche mit der Höhe (height:100%;!important), aber in Meine Erfahrung Einstellung 100% auf die Höhe Eigenschaft ist nicht so effektiv wie mit der Breite (wie Höhe ist dynamischer) Versuchen Sie die html/Körper Sache zuerst.

Beispiel für Inline-Stil mit html/Körper-Attribute:

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>"))