如何在html中添加换行符.Div从Dash的回调返回?

Question

我返回一个html。Div从一个回调函数，但不知道如何添加换行。"n"似乎不起作用。我的回调函数发送一个SQL查询并将查询结果存储到pandas数据框中。

下面是我试图从回调返回的内容:

@app.callback(
Output(component_id='my-table1', component_property='children'),
[Input('submit-button', 'n_clicks')],
[State('faculty-name', 'value')]
)
def update_output_div(clicks, input_value):
...
df = pd.DataFrame(cursor, columns=cursor.column_names)
# name = df['faculty_name'].to_string()
name = df['faculty_name'].values[0]
position = df['position'].values[0]
email = df['email'].values[0]
return html.Div(
children=[
html.H6(
children=f"Name: {name}, n Position: {position} n Email: {email}",
style={'textAlign':'left', 'color': colors['text'], 'margin-left': '20px', 'font-size': '16px'}
)])

请帮助。

Answer 1

这样行吗?

h6_styles = {
'textAlign':'left', 
'color': colors['text'], 
'margin-left': '20px', 
'font-size': '16px'
}
return html.Div(
children=[
html.H6(
children=f"Name: {name}",
style=h6_styles,
),
html.H6(
children=f"Position: {position}",
style=h6_styles,
),
html.H6(
children=f"Email: {email}",
style=h6_styles,
)
]
)