下拉菜单和按钮的高度不同。破折号 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 按钮的高度与下拉菜单的高度相同，即使 window 正在调整大小时也是如此。

或

有什么方法可以使下拉菜单的高度与按钮的高度相同，即使调整大小也保持不变？

谢谢

Answer 1

您可以将元素设置为相同的line-height。

下拉菜单和按钮的高度不同。破折号 python

Heights of dropdown and button are different. Dash Plotly python

html

css

python

alignment

plotly-dash