我在做一個大學專案
我有一個選擇標簽
問題是當頁面不是全屏時
選擇位置是完美的在此處輸入影像描述
但是當我全屏時，它看起來不像我想在這里輸入影像描述
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;}
uj5u.com熱心網友回復：
試試這個：
.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>uj5u.com熱心網友回復：
嘗試以下代碼添加以下內容以水平和垂直放置選擇中心。在.FeedBack2 類中洗掉邊距
div {
display: flex;
justify-content: center;
align-item: center;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/344978.html
上一篇：從GO模板獲取原始源代碼