textAlign 不会移动按钮（或其他组件） - Dash

Question

我对 dash 还很陌生，我正在尝试使用 textAlign 来移动组件。在任何情况下我似乎都无法让它工作 - 这是一个例子：

           html.Div([
                dbc.Col([
                    html.Div([                           
                        dbc.Button('Plex-ecute ;)', id=f'plex_execute', color='danger', outline=True,
                                        block=True, style={'height':'100px'})                            
                    ])
                ],style={'textAlign':'right'})

我尝试将样式部分放在多个区域中，在本例中它位于父列中。每次，页面都会运行，但组件不会移动 - 关于如何解决这个问题的任何想法？

Answer 1

主要问题原来是嵌套的 Col/Row/Divs。如果函数不在“Col”中，则没有将文本居中的指令。这种情况下的解决方案是：

dbc.Row([
    dbc.Col([
        dbc.Button(BUTTON_INFO, style={'textAlign':'right'})
    ])
])

简而言之，将最终函数放在一列中似乎会有所帮助，然后在此之前尽可能少。