¿Cómo puedo aumentar el ancho de celda del Jupyter / ipython notebook en mi navegador?

Esa solución div.cell en realidad no funcionó en mi IPython, sin embargo, afortunadamente alguien sugirió una solución de trabajo para nuevos IPythons:

Crea un archivo ~/.ipython/profile_default/static/custom/custom.css (IPython) o ~/.jupyter/custom/custom.css (Jupyter) con contenido

.container { width:100% !important; }

Luego reinicie IPython/Jupyter notebooks. Tenga en cuenta que esto afectará a todos los cuadernos.

Para que esto funcione con jupyter (versión 4.0.6) he creado ~/.jupyter/custom/custom.css que contiene:

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

Puede establecer el CSS de un cuaderno llamando a una hoja de estilos desde cualquier celda. Como ejemplo, eche un vistazo al curso 12 Pasos para Navier Stokes.

En particular, crear un archivo que contenga

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

Debería darte un punto de partida. Sin embargo, puede ser necesario ajustar también, por ejemplo, div.text_cell_render para tratar con markdown, así como las celdas de código.

Si ese archivo es custom.css entonces agregue una celda que contenga:

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

Esto aplicará todos los estilos, y, en particular, cambie el ancho de la celda.

Es hora de usar jupyterlab

Finalmente, una actualización muy necesaria ha llegado a los portátiles. De forma predeterminada, utiliza el ancho completo de su ventana como cualquier otro IDE nativo completo.

Todo lo que tienes que hacer es:

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

Aquí hay una captura de pantalla de blog.Jupyter.org

(A partir de 2018, recomendaría probar JupyterHub/JupyterLab. Utiliza todo el ancho del monitor. Si esto no es una opción, tal vez ya que está utilizando uno de los proveedores de Jupyter-as-a-service basados en la nube, siga leyendo)

Recomiendo usar El elegante complemento del navegador. De esta manera, puede anular css para todos los cuadernos, sin agregar ningún código a los cuadernos. No nos gusta cambiar la configuración .ipython / profile_default, ya que estamos ejecutando un servidor Jupyter compartido para todo el equipo y el ancho es una preferencia del usuario.

Hice un estilo específicamente para pantallas de alta resolución orientadas verticalmente, que hace que las celdas sean más anchas y agrega un poco de espacio vacío en la parte inferior, para que pueda colocar la última celda en el centro de la pantalla. https://userstyles.org/styles/131230/jupyter-wide Puede, por supuesto, modificar mi css a su gusto, si tiene un diseño diferente, o si no desea espacio vacío adicional al final.

Por último, pero no menos importante, Stylish es un gran herramienta para tener en su conjunto de herramientas, ya que puede personalizar fácilmente otros sitios / herramientas a su gusto (por ejemplo, Jira, Podio, Slack, etc.)

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

.end_space {
  height: 800px;
}

Lo que hago normalmente después de una nueva instalación es modificar el archivo css principal donde se almacenan todos los estilos visuales. Yo uso Miniconda pero la ubicación es similar con otros C:\Miniconda3\Lib\site-packages\notebook\static\style\style.min.css

Con algunas pantallas estas resoluciones son diferentes y más de 1. Para estar en el lado seguro, cambio todo al 98%, por lo que si me desconecto de mis pantallas externas en mi computadora portátil, todavía tengo un ancho de pantalla del 98%.

Entonces simplemente reemplace 1140px con el 98% del ancho de la pantalla.

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

Después de editar

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

Guarde y reinicie su notebook

Update

Recientemente tuve que ampliar las celdas de Jupyter en un entorno que está instalado, lo que me llevó a volver aquí y recordármelo.

Si necesitas hacerlo en virtual env instalaste jupyter on. Usted puede encontrar el archivo css en este subdir

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

Para los usuarios de Chrome, recomiendo Stylebot, que le permitirá anular cualquier CSS en cualquier página, también le permitirá buscar e instalar otro compartir CSS personalizado. Sin embargo, para nuestro propósito no necesitamos ningún tema de avance. Abra Stylebot, cambie a Edit CSS. Jupyter captura algunas pulsaciones de teclado, por lo que no podrá escribir el código a continuación. Simplemente copie y pegue, o simplemente su editor:

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

Cambie el ancho como desee, encuentro que el 90% se ve mejor que el 100%. Pero es totalmente hasta su ojo.