更改 ipython 小部件切换按钮的布局答案

【问题标题】：Changing the layout of the ipython widgets toggle buttons更改 ipython 小部件切换按钮的布局
【发布时间】：2021-01-26 14:14:59
【问题描述】：

这些是我正在尝试自定义的按钮：

code 本身。

这是我想要得到的结果（由 GIMP 编辑）：

我想让这些按钮保持垂直堆叠（如我制作的编辑图像所示），但由于我对 CSS 了解不多，所以我不知道该怎么做。有什么建议吗？

【问题讨论】：

请以文字形式发布您的代码，而不是图片。
这不是我的代码。我从文档中得到它（我在问题中添加了链接）。

标签： python-3.x jupyter-notebook ipywidgets

【解决方案1】：

正如Bananach 所说，layout=widgets.Layout(width='100px') 会做到的。

widgets.ToggleButtons(
    options=['A','B', 'C'],
    disabled=False,
    button_style='info', # 'success', 'info', 'warning', 'danger' or ''
    layout=widgets.Layout(width='100px')
    #     icons=['check'] * 3
)

【讨论】：

【解决方案2】：

我不知道如何明确地执行此操作，但如果您将 layout=dict(width='200px') 传递给 ToggleButtons 构造函数，小部件将自动垂直堆叠按钮以适应给定的宽度。

【讨论】：