Есть ли способ контролировать размещение и выравнивание ipywidgets (внутри jupyter notebook)?
from ipywidgets import widgets
from IPython.display import Javascript, display
event_type_ui = widgets.Text(value='open', description='Test Event')
platform_ui = widgets.Text(value='Android', description='Control Event')
display(event_type_ui)
display(platform_ui)
Я хотел бы указать смещение (в пикселях?), Чтобы метка поместилась и чтобы два элемента управления были выровнены по вертикали.
После некоторой игры я смог получить это:
Раньше: 
После: 
Если интересно, вот фрагмент копирования и вставки:
from ipywidgets import widgets
from IPython.display import Javascript, display
align_kw = dict(
_css = (('.widget-label', 'min-width', '20ex'),),
margin = '0px 0px 5px 12px'
)
platform_ui = widgets.Dropdown(description = 'platform',options=['iPhone','iPad','Android'], **align_kw)
event_type_ui = widgets.Text(value='open', description='Test Event', **align_kw)
os_version_ui = widgets.Text(value='iOS9', description='Operating System', **align_kw)
refresh_ui = widgets.Checkbox(description='Force Refresh', **align_kw)
display(platform_ui,event_type_ui,os_version_ui,refresh_ui)
В документации по макету и стилю для ipywidgets говорится:
Каждый интерактивный виджет Jupyter имеет атрибут макета, раскрывающий ряд свойств css, которые влияют на расположение виджетов.
Мне удалось уговорить его выровнять метки:
from ipywidgets import Text, HBox, VBox, Box
from IPython.display import display
widget1 = Text(value='Cats', description='Test Event', layout='margin-right:5px')
widget2 = Text(value='Oranges', description='Another Test Event')
widget1.width = '200px'
widget2.width = '150px'
display(VBox([widget1, widget2]))
чтобы произвести это:
Но в целом мне кажется, что мы не можем напрямую указать свойства макета метки описания, а только сам виджет.
У ipywidgets также есть add_class, который можно использовать для проникновения в сорняки, когда вам это действительно нужно:
import ipywidgets as widgets
from IPython.display import display, HTML
widget_list={}
for label in ("longish description","brief"):
widget_list[label]=widgets.Text(description=label)
widget_list[label].add_class("balanced-text")
display(HTML("<style>div.balanced-text .widget-label {max-width:200px; width:200px}</style>"))
display(widgets.VBox(list(widget_list.values())))
