IPython/Jupyter Align Widgets

Question

我一直在使用Jupyter小部件,我遇到了对齐方面的问题,例如,我有下一个小部件:

from IPython.html import widgets as wdg

#Two Sliders
s1 = wdg.IntSlider(min=0,max=100,value=25,description='Xo')
s2 = wdg.IntSlider(min=0,max=100,value=25,description='Yo')

#Three Float Text 
c1 = wdg.BoundedFloatText(min=0,max=100,value=5,description='C1 ')
c2 = wdg.BoundedFloatText(min=0,max=100,value=5,description='C2 ')
c3 = wdg.BoundedFloatText(min=0,max=100,value=5,description='C3 ')

#Two Checkbox
ch1 = wdg.Checkbox(description='Check me 1')
ch2 = wdg.Checkbox(description='Check me 2')

#Containers
Con1 = wdg.HBox(children=[s1,s2])
Con2 = wdg.HBox(children=[c1,c2,c3])
Con3 = wdg.HBox(children=[ch1,ch2])
Con5 = wdg.Box(children=[Con1,Con2,Con3])

在输出Con5,c1,c2并c3与浮动框,以便其描述overlaped之间没有空格,我该怎么做才能居中它们,或者至少增加它们之间的空间中的所有在一起吗？

Answer 1

我确认“边距”会影响垂直和水平的间距。

c1.margin=20
c2.margin=20
c3.margin=20