Как увеличить ширину ячейки в Jupyter/ipython в моем браузере?
Я хотел бы увеличить ширину ipython-ноутбука в моем браузере. У меня есть экран с высоким разрешением, и я хотел бы расширить ширину/размер ячейки, чтобы использовать это дополнительное пространство.
Спасибо!
изменить: 5/2017
Теперь я использую jupyterthemes: https://github.com/dunovank/jupyter-themes
и эта команда:
jt -t oceans16 -f roboto -fs 12 -cellw 100%
который устанавливает ширину до 100% с хорошей темой.
Ответы
Ответ 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