本文介绍了插图虚线居中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')
)
这篇关于插图虚线居中dcc.输入文本字段的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！