使用ipyvuetify更改多行复选框的外观

Question

我想创建一个多行复选框，其中包含ipyvuetify：

v.Col(children=[vue.Checkbox(label='UNO'),vue.Checkbox(label='DOS'),vue.Checkbox(label='TRES'),vue.Checkbox(label='CUATRO')])

结果如下：

​

​

如何修改组件以使复选框行更接近对方？

谢谢

Answer 1

您可以通过通过vuetifys间距类指定页边距和填充来做到这一点。在这里，我使用了否定式的保证金，使他们更加接近。所有这些都在链接中得到解释：

vue.Col(
    children = [
        vue.Checkbox(
            class_='ma-n3',
            label='UNO'
        ),
        vue.Checkbox(
            class_='ma-n3',
            label='DOS'
        ),
        vue.Checkbox(
            class_='ma-n3',
            label='TRES'
        ),
        vue.Checkbox(
            class_='ma-n3',
            label='CUATRO'
        )
    ]
)