python - Plotly Dash中心dcc输入文本字段

我很难确定在页面中间将dash_core_components.Input文本字段居中所需的样式参数。

import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output

text_input_style = {'justify-content': 'center', 'align-items': 'center'}
bucket_select = html.Div([
    html.Label('S3 bucket:'),
    dcc.Input(id='bucket_name', placeholder='Enter input here...',
              value=None, type='text',
              style={'width': '10%', 'textAlign': 'center'}),
    html.Div(id='bucket_out')
], style=text_input_style)

app = dash.Dash(__name__)
app.layout = html.Div(bucket_select)
app.run_server(port=5555)

到目前为止，我已经尝试过：


'justify-content': 'center'
'align-items': 'center'
'display': 'flex'
'padding-left':'45%'


我尝试在文档中搜索dcc.Input，但是找不到任何style信息。

最佳答案

This is where您可以找到dcc.Input的各种道具。您可以将包含的div设置为具有display='flex'和justifyContent='center'。例：

html.Div(
    children=[dcc.Input()],  # fill out your Input however you need
    style=dict(display='flex', justifyContent='center')
)

关于python - Plotly Dash中心dcc输入文本字段，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57367419/