下拉菜單和按鈕的高度不同。 Dash Plotly python

Question

我正在嘗試在 python 中使用破折號制作儀表板，並且正在嘗試水平對齊 2 個下拉菜單和一個按鈕

這是我正在使用的 html.Div

html.Div([
    html.Div(
        dcc.Dropdown(
            id='dropdown 1',
            options=list(df_.columns),
            multi=True,
            clearable=True,
            searchable=True,
            placeholder='Required Rows',
            optionHeight=20,
        ), style={
            'width': '39%',
            'display': 'inline-block',
            'vertical-align': 'top',
        }
    ),

    html.Div(
        dcc.Dropdown(
            id='dropdown 2',
            options=list(df_.columns),
            multi=True,
            clearable=True,
            searchable=True,
            placeholder='Required Columns',
            optionHeight=20,
        ), style={
            'width': '39%',
            'display': 'inline-block',
            'vertical-align': 'top',
        }
    ),

    html.Div(
        html.Button(
            "Do something",
            id='button_1',
        ), style={
            'width': '20%',
            'display': 'inline-block',
            'vertical-align': 'top'
        }
    )

]),

即使在調整窗口大小時，有什么方法可以使“ do something按鈕的高度與下拉菜單的高度相同。

或者

有沒有辦法使下拉菜單的高度與按鈕的高度相同，即使在調整大小時也保持不變？

謝謝

Answer 1

您可以將元素設置為相同的line-height 。