Python 在虚线图中调整下拉菜单选项的宽度

我正在尝试基于Plotly在Python中使用Dash构建一个应用程序。我很难调整下拉菜单选项的宽度。我在下面附上了代码和图片。我希望下拉选项的宽度与菜单宽度相同

---

虽然放置

width:50%

来更改下拉组件的宽度是正确的，但您已经将其放置在内部组件而不是父Div中

app.layout=html.Div(
孩子们=[
H1（children=“欢迎使用公文包构建引擎！”），
html.Div(
children=“您想做什么？”，
样式={“字体样式”：“斜体”，“字体重量”：“粗体”}，
),
html.Div(
[
dcc.下拉列表(
id=“演示下拉列表”，
选择权=[
{“标签”：“上传分数”，“值”：“上传分数”}，
{“标签”：“分析投资组合”，“价值”：“分析投资组合”}，
{
“标签”：“为IC引擎生成数据”，
“值”：“发电机数据引擎”，
},
],
占位符=“选择任务…”，
#样式={“宽度”：“50%”，不在这里
),
html.Div（id=“dd输出容器”），
],
样式={“宽度”：“50%”，
),
]
)

虽然正确的做法是放置

宽度：50%

更改下拉组件的宽度，但您已将其放置在内部组件而不是父Div中

app.layout=html.Div(
孩子们=[
H1（children=“欢迎使用公文包构建引擎！”），
html.Div(
children=“您想做什么？”，
样式={“字体样式”：“斜体”，“字体重量”：“粗体”}，
),
html.Div(
[
dcc.下拉列表(
id=“演示下拉列表”，
选择权=[
{“标签”：“上传分数”，“值”：“上传分数”}，
{“标签”：“分析投资组合”，“价值”：“分析投资组合”}，
{
“标签”：“为IC引擎生成数据”，
“值”：“发电机数据引擎”，
},
],
占位符=“选择任务…”，
#样式={“宽度”：“50%”，不在这里
),
html.Div（id=“dd输出容器”），
],
样式={“宽度”：“50%”，
),
]
)

app.layout = html.Div(children=[
    html.H1(children='Welcome to Portfolio Construction Engine!'),
    html.Div(children='What would you like to do?', style={
        'font-style': 'italic',
        'font-weight': 'bold'
    }),
    html.Div([
        dcc.Dropdown(
            id='demo-dropdown',
            options=[
                {'label': 'Upload Scores', 'value': 'upload_scores'},
                {'label': 'Analyze Portfolios', 'value': 'analyze_portfoliio'},
                {'label': 'Generate Data for IC Engine', 'value': 'gen_data_ic_engine'}
            ],
            placeholder='Select a task...',
            style={
                'width': '50%'
            }
        ),
        html.Div(id='dd-output-container')
    ])
])