如图：给class="c-trans"设置了一个宽度后就变成1的垂直对齐了，如何然这个下拉框变成2的垂直对齐？

Question

                <style>
            .c-trans{margin-right: 10px;}
            #c-lang{float: right;padding: 2px 0;cursor: pointer;width: 18px;margin-right: 100px;}
            #c-lang option{}
        </style>
        
        <div class="c-trans">
            <select id="c-lang">
                <option value="en">5555555</option>
                <option value="ja">666</option>
                <option value="zh">77777777</option>
            </select>
        </div>

如图：给class="c-trans"设置了一个宽度后就变成1的垂直对齐了，如何然这个下拉框变成2的垂直对齐？
简单的说就是：现在两个1是垂直对齐的，我想让它变成两个2垂直对齐。

Answer 1

让【道友老李】来帮你解答，本回答参考gpt编写，并整理提供，如果还有疑问可以点击头像关注私信或评论。

如果答案让您满意，请采纳、关注，非常感谢！

可以通过调整select元素的高度来实现下拉框的垂直对齐。可以将padding和height属性设置为相同的值，如下所示：

<style>
    .c-trans {
        margin-right: 10px;
    }
    #c-lang {
        float: right;
        padding: 2px 0;
        cursor: pointer;
        width: 18px;
        height: 18px;
    }
    #c-lang option {}
</style>
<div class="c-trans">
    <select id="c-lang">
        <option value="en">5555555</option>
        <option value="ja">666</option>
        <option value="zh">77777777</option>
    </select>
</div>

这样可以使下拉框和文本在垂直方向上对齐。