python - 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

按钮是内联元素，而不是块。如果您指定这些按钮应表现为 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']
        )
    ]
)