ipyvuetify 中的按钮与复选框行为不同。为什么？

Question

我正在安排一些 ipyvuetify 组件如下：

import ipyvuetify as vue
vue.Col(children=[vue.Checkbox(label='A'),vue.Checkbox(label='C'),vue.Checkbox(label='D')])
#and 
vue.Col(children=[vue.Btn(label='A', children=['A']),vue.Btn(label='CS', children=['C']),vue.Btn(label='D', children=['D'])])

出现如下：

如果两者都是列 (vue.Col) 并且实际上只有复选框出现在列中，为什么会这样？

谢谢

Answer 1

按钮是inline elements, not blocks。如果您指定这些按钮应表现为 HTML 块，则它们也会显示为列：

vue.Col(
    children = [
        vue.Btn(
            block=True,
            label='A',
            children=['A']
        ),
        vue.Btn(
            block=True,
            label='CS',
            children=['C']
        ),
        vue.Btn(
            block=True,
            label='D',
            children=['D']
        )
    ]
)

ipyvuetify 中的按钮与复选框行为不同。为什么？

buttons vs checkboxes behaviour in ipyvuetify different. Why?

python

ipywidgets

ipyvuetify