Подтвердить что ты не робот

Как увеличить ширину ячейки в Jupyter/ipython в моем браузере?

Я хотел бы увеличить ширину ipython-ноутбука в моем браузере. У меня есть экран с высоким разрешением, и я хотел бы расширить ширину/размер ячейки, чтобы использовать это дополнительное пространство.

Спасибо!


изменить: 5/2017

Теперь я использую jupyterthemes: https://github.com/dunovank/jupyter-themes

и эта команда:

jt -t oceans16 -f roboto -fs 12 -cellw 100%

который устанавливает ширину до 100% с хорошей темой.

4b9b3361

Ответ 1

Если вы не хотите изменять свои настройки по умолчанию и хотите изменить ширину текущего ноутбука, над которым вы работаете, вы можете ввести следующее в ячейку:

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

Ответ 2

Это решение div.cell фактически не работало на моем IPython, но, к счастью, кто-то предложил рабочее решение для новых IPythons:

Создайте файл ~/.ipython/profile_default/static/custom/custom.css (iPython) или ~/.jupyter/custom/custom.css (Jupyter) с контентом

.container { width:100% !important; }

Затем перезапустите iPython/Jupyter ноутбуки. Обратите внимание, что это повлияет на все ноутбуки.

Ответ 3

Чтобы заставить это работать с 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;
}

Ответ 4

Вы можете установить CSS ноутбука, вызвав таблицу стилей из любой ячейки. В качестве примера рассмотрим 12 шагов к курсу Navier Stokes.

В частности, создание файла, содержащего

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

Это применит все стили и, в частности, изменит ширину ячейки.

Ответ 5

Я рекомендую использовать Стильный плагин для браузера. Таким образом, вы можете переопределить css для всех ноутбуков, не добавляя никакого кода для ноутбуков. Нам не нравится изменять конфигурацию в .ipython/profile_default, так как мы используем общий сервер Jupyter для всей команды.

Я сделал стиль специально для вертикально-ориентированных экранов с высоким разрешением, что делает ячейки более широкими и добавляет немного пустого пространства в нижней части, поэтому вы можете позиционировать последнюю ячейку в центре экрана. https://userstyles.org/styles/131230/jupyter-wide Вы можете, конечно, изменить мой css по своему вкусу, если у вас другой макет, или вы не хотите лишнего пустого пространства в конце.

И последнее, но не менее важное: Stylish - отличный инструмент для вашего инструментария, поскольку вы можете легко настроить другие сайты/инструменты по своему вкусу (например, Jira, Podio, Slack и т.д.).

Ответ 6

То, что я обычно делаю после новой установки, - это изменить основной файл css, где хранятся все визуальные стили. Я использую Miniconda, но местоположение похоже на другие C:\Miniconda3\Lib\site-packages\notebook\static\style\style.min.css

Затем просто замените 1140px на 98% ширины экрана

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

введите описание изображения здесь

После редактирования

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

введите описание изображения здесь Сохраните и перезагрузите ноутбук

Ответ 7

Для пользователей Chrome я рекомендую Stylebot, что позволит вам переопределить любой CSS на любой странице, а также позволить вам искать и устанавливать другой общий пользовательский CSS. Однако для нашей цели нам не нужна какая-либо предварительная тема. Откройте Stylebot, измените на Edit CSS. Jupyter фиксирует некоторые нажатия клавиш, поэтому вы не сможете ввести код ниже. Просто скопируйте и вставьте или просто ваш редактор:

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

Измените ширину, как вам нравится, я нахожу, что 90% выглядит лучше 100%. Но это полностью зависит от ваших глаз.

Ответ 8

Пришло время использовать jupyterlab

Наконец, в ноутбуки появилось очень необходимое обновление. По умолчанию он использует всю ширину вашего окна, как и любую другую полноценную среду IDE.

Все, что вам нужно сделать, это: conda install jupyterlab jupyter lab # instead of jupyter notebook