时间戳

首页 > 解决方案 > textAlign 不会移动按钮（或其他组件） - Dash

python - textAlign 不会移动按钮（或其他组件） - 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'})

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

标签： pythonhtmlcssplotly-dashtext-align

解决方案

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

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

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

推荐阅读