Python/Jupyter Notebook如何禁用VBox/HBox控件文本截断

ipywidgets 控件默认给左侧 description 描述文本预留的宽度为固定值，当文本长度超出预留宽度时就会自动截断，和 VBox 容器排布逻辑无关，可通过以下两种方式修复：

方案1：全局配置（推荐，一次设置全控件生效） #

在实例化所有控件前，全局修改控件描述区域的默认宽度规则，设置为自适应内容宽度即可彻底避免截断：

# 全局配置描述宽度自适应文本长度，无需手动设固定值
wg.Widget.style.defaults["description_width"] = "initial"

如果需要统一固定宽度，也可以替换为具体像素值，例如 "120px"，可根据最长的描述文本长度调整数值。

方案2：单控件单独配置 #

如果仅个别控件存在长描述、不想修改全局默认配置，可在定义对应控件时单独传入 style 参数：

bankroll_init = wg.IntSlider(
    min=1000, 
    max=10000, 
    step=500, 
    value=3000, 
    description='Initial Bankroll',
    # 单独设置当前滑块的描述宽度自适应
    style={"description_width": "initial"}
)

其余存在截断问题的控件（bet_init/multiplier/odds_category/league）按相同逻辑添加 style 参数即可。

排布对齐优化 #

配置宽度自适应后如果出现控件对齐错位，可给VBox容器补充布局参数，统一左对齐：

ui = wg.VBox(
    [bankroll_init, bet_init, multiplier, odds_category, league],
    layout=wg.Layout(align_items="flex-start")
)

out = wg.interactive_output(calcul, {
    'bankroll_init': bankroll_init, 
    'bet_init': bet_init,
    'multiplier': multiplier,
    'odds_category': odds_category,
    'league': league
})

display(ui)
display(out)

内容的提问来源于stack exchange，提问作者athos