如何在Python Dash中的两个dcc组件之间留出空格？

Question

Dash中＆nbsp（空格）的HTML等效项是什么？

html.Div(
    [
      dcc.Input(),
      <add horizontal space here> 
      dcc.Input()
    ]
)

Answer 1

如果要在组件之间添加一些空间，则可以为此简单地使用CSS属性：

html.Div(
    [
      dcc.Input(),
      dcc.Input(style={"margin-left": "15px"})
    ]
)

这将在第二个输入的左侧增加一个边距。

请参阅Plotly Dash文档和CSS文档中有关margin的layout-section：

• https://dash.plotly.com/layout
• https://www.w3schools.com/csSref/pr_margin-left.asp