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

Posted 2023-02-18

【中文标题】Dash bootstrap 布局中的超简单水平线

【英文标题】：Super simple horizontal line in Dash bootstrap layout

【发布时间】：2021-12-28 17:55:12

【问题描述】：

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

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

【参考方案1】：

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

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

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