Html 如何使文本适合Plotly web app中的按钮宽度？

我正在用plotly dash制作一个web应用程序。当然有一个回调，然后是def，最后将结果输出到子级

回调如下：

@app.callback(
    Output('prediction-content', 'children'),
    [Input('input', 'value')]

def的输出是一条长消息，带有模型预测，如下所示：

def predict(input):

    function(input)
    results = f'xxxxxx ${pred:,.0f} xxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxx'

    return results

孩子们在这个房间里

html.Div([
                html.Button(id='prediction-content'),
            ]),

现在我的问题是，当我收缩浏览器时，按钮是有响应的（因为它的CSS是宽度：100%），但按钮上的文本不是

那么，如何包装文本以适应按钮？就像这句话的其余部分一样，转到下一行，而不是被尖锐地切割

谢谢大家!

顺便说一句，我在谷歌上搜索了很多，但找不到解决办法。找到一个类似的帖子，

---

，但它似乎不起作用。

我终于修复了它，在我的自定义CSS中，我添加了：

Height: 100%;
white-space: normal

---

现在，显示溢出文本。

我已将其修复。最后，在我的自定义CSS中，我添加了：

Height: 100%;
white-space: normal

---

现在，显示溢出文本。

检查此项谢谢，我实际上已经尝试了“空白：正常”，以及该页面中的其他建议答案。这些语法确实有助于将句子分解成单词，但溢出的文本仍然不会进入下一行。检查此项谢谢，我实际上已经尝试了“空白：正常”，以及该页面中的其他建议答案。这些语法确实有助于将句子分解成单词，但溢出的文本仍然不会进入下一行。