python - ipython CheckboxWidget 放置

Question

我正在尝试在我的 ipython 笔记本中创建 2 列 CheckboxWidgets:

from IPython.html import widgets # Widget definitions
from IPython.display import display # Used to display widgets in the notebook

comps = ['A', 'B', 'C']
trigs = ['X', 'Y', 'Z']

components = []
for comp in comps:
    components.append(widgets.CheckboxWidget(description = comp, value=False))

comp_container = widgets.ContainerWidget(children = components)
comp_container.add_class('vbox')
comp_container.add_class("align-start")

triggers = []
for trig in trigs:
    triggers.append(widgets.CheckboxWidget(description = trig, value=False))

trig_container = widgets.ContainerWidget(children = triggers)
trig_container.add_class('vbox')
trig_container.add_class("align-end")

main_container = widgets.ContainerWidget(children = [comp_container, trig_container])
main_container.set_css({
    'background': '#999999',
    'width': '100%',
})
main_container.remove_class('vbox')
main_container.add_class("hbox")

display(main_container)

不幸的是，这会产生:

/image/MgyXl.png

是否可以并排放置 2 个复选框列表？

Answer 1

是的。我不完全理解为什么会这样，但是您需要更改 css 类 'vbox' 和 'hbox' after显示小部件:

...    
display(main_container)
main_container.remove_class('vbox')
main_container.add_class("hbox")