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

问题描述

我对 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'})

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

解决方法

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

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

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