python - 使用 ipyvuetify 更改多行复选框的外观
问题描述
我想用 ipyvuetify 创建一个多行复选框:
v.Col(children=[vue.Checkbox(label='UNO'),vue.Checkbox(label='DOS'),vue.Checkbox(label='TRES'),vue.Checkbox(label='CUATRO')])
结果如下:
如何修改组件以使复选框行彼此靠近?
谢谢
解决方案
您可以通过vuetifys CSS 间距类指定边距和填充来做到这一点。在这里,我使用负边距使它们更加靠近。这一切都在链接中进行了解释:
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'
)
]
)
推荐阅读
- cloudify - 一种将数据从外部文件传递到实例的方法
- python-3.x - 如何使用networkx可视化多重图?
- c++ - 是什么导致 hash_map 错误,我该如何解决?
- postman - 邮递员发送请求完全在先决条件脚本中构建
- algorithm - 在恒定时间和线性空间中找到两个字符串的 LCP
- python - 对包含 Sympy 符号的 Dataframe 列进行排序
- python-3.x - Python 包装器 coinbase api 错误
- android - 如何在 Android Studio 中使用 putFragment 和 getFragment
- assembly - MIPS 汇编错误的数字
- javascript - Dialogflow Fulfillment webhook 调用失败