如何使文本适合 Plotly Web 应用程序中的按钮宽度？

Question

我正在制作一个带有 plotly dash 的网络应用程序。当然还有回调，然后def，最后将结果输出给一个children。

回调如下，

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

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

def predict(input):

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

    return results

孩子们在这个Div中

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

现在我的问题是，当我缩小浏览器时，按钮是响应式的（因为它的 CSS 是 width: 100%），但按钮上的文本不是。

那么如何包装文本以适应按钮？就像句子的其余部分转到下一行，而不是被削减？

谢谢！

顺便说一句，我用谷歌搜索了很多，但找不到解决方案。找到一个类似的帖子， Make button width fit to the text，不过好像不行。

Answer 1

我终于修好了，在我的自定义 CSS 中，我补充说：

Height: 100%;
white-space: normal

现在，溢出的文本显示出来了。