【下拉框内设置option的文字居中问题 _居中】

下拉框内设置option的文字居中问题

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

居中

详细描述

截图

代码

.lie1 {
    position: fixed;
    top: 4.4rem;
    width: 100%;
}
.lie2 {
    display: flex;
}
.lie3 {
    display: flex;
    flex: auto;
    height: 4rem;
}

.lie4 {
    width: 100%;
    outline: none;
    text-align-last: center;
}
.lie5 {
    border: none;
}

 <div class="lie1">
        <div class="lie2">
            <div class="lie3">
                   
                <select class="lie4">
                    <option selected>所在地</option>
                    <option>北京</option>
                    <option>上海</option>
                    <option>深圳</option>
                </select>
            
            </div>
            <div class="lie3">
                
                <select class="lie4">
                    <option selected>食宿</option>
                    <option>米饭</option>
                    <option>面条</option>
                    <option>馒头</option>
                </select>
            
            </div>
            <div class="lie3">
                   
                <select class="lie4 lie5">
                    <option selected>病人情况</option>
                    <option>轻微</option>
                    <option>中等</option>
                    <option>重症</option>
                </select>
            
            </div>
        </div>
    </div>

编辑于2025-04-01