如何更改 CSS 中的选择标签位置答案

【问题标题】：how can I change the select tag position in CSS如何更改 CSS 中的选择标签位置
【发布时间】：2021-12-16 19:21:24
【问题描述】：

我正在做一个大学项目

我有一个选择标签

问题是当页面不是全屏时

但是当我全屏显示时，它看起来不像我想要enter image description here

Html Code
<div>

        <select class = "FeedBack2">
            <option value="Suggestion">Suggestion</option>
            <option value="Complaint">Complaint</option>
            <option value="Idea">Idea</option>
            <option value="Help">Help</option>
          </select>
    
    </div>

这里是 CSS 代码

.FeedBack2 { background-color: #da9b48; color: rgb(31, 22, 5); width: 50%; margin-left:150px; margin-top:10px; margin-bottom:20px;}

【问题讨论】：

所以你想在页面中间修复选择？
你能看到我上传的图片，问题就在那里..
请澄清您的问题，因为不清楚您想要什么，或居中选项，或更改全屏宽度

标签： html css select css-position option

【解决方案1】：

尝试以下代码添加以下内容以水平和垂直放置选择中心。删除.FeedBack2 类中的边距

div {
    display: flex;
justify-content: center;
align-item: center;
 }

【讨论】：

【解决方案2】：

试试这个：

.FeedBack2 { 
display: flex;
background-color: #da9b48; 
color: rgb(31, 22, 5); 
width: 50%;
margin: 0 auto;
}

<div>

        <select class = "FeedBack2">
            <option value="Suggestion">Suggestion</option>
            <option value="Complaint">Complaint</option>
            <option value="Idea">Idea</option>
            <option value="Help">Help</option>
          </select>
    
    </div>

【讨论】：