Dash Bootstrap布局中添加水平分割线无显示该如何解决？

你的代码存在两个样式配置错误，导致分割线无法正常显示：

• color属性仅用于设置文本颜色，<hr>标签的边框颜色需要通过borderColor属性配置
• 未显式声明边框样式，Dash默认加载的样式可能将<hr>的边框样式重置为none，导致即使设置了宽度和颜色也无显示内容

修正后的参考代码如下，额外添加的margin: 0 auto可选，用于让分割线水平居中，不需要可以直接删除：

dbc.Row([
    html.Hr(style={'borderWidth': "0.3vh", "width": "25%", "borderColor": "#FEC700", "borderStyle": "solid", "margin": "0 auto"})
]),

你也可以直接删掉外层多余的html.Div嵌套，dbc.Row本身已经可以作为html.Hr的父容器，写法更简洁。

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