Dash bootstrap 布局中的超简单水平线

Question

我是 dash 的新手，这看起来超级简单。我只是想在我的应用程序布局中添加一条水平线，以便将绘图与数据表分开。这是我尝试过的，但没有任何显示。

        dbc.Row([
            html.Div(html.Hr(style={'borderWidth': "0.3vh", "width": "25%", "color": "#FEC700"}))
        ]),

Answer 1

您可以执行以下操作之一：

• 删除hr周围的div；
• 设置周围div的width；
• 将hr 的width 更改为不依赖于周围div 宽度的值。

发生的情况是 hr 设置为其父宽度的 25% 宽度，即 0 所以它不显示。