#html #css #select #css-position #option
Вопрос:
Я работаю над Университетским проектом
и у меня есть тег select
проблема в том, что страница отображается не во весь экран
выбранная позиция идеальна введите описание изображения здесь
но когда я нахожусь в полноэкранном режиме, кажется, что я не хочу вводить описание изображения здесь
Html Code lt;divgt; lt;select class = "FeedBack2"gt; lt;option value="Suggestion"gt;Suggestionlt;/optiongt; lt;option value="Complaint"gt;Complaintlt;/optiongt; lt;option value="Idea"gt;Idealt;/optiongt; lt;option value="Help"gt;Helplt;/optiongt; lt;/selectgt; lt;/divgt; а вот Код CSS
.FeedBack2 { background-color: #da9b48; color: rgb(31, 22, 5); width: 50%; margin-left:150px; margin-top:10px; margin-bottom:20px;} Комментарии:
1. Итак, вы хотите исправить выбор в середине страницы?
2. можете ли вы увидеть изображение, которое я загрузил, с вопросом, в чем проблема..
3. Пожалуйста, уточните свой вопрос, потому что неясно, что вы хотите, или вариант центра, или изменение ширины на весь экран
Ответ №1:
Попробуй вот это:
.FeedBack2 { display: flex; background-color: #da9b48; color: rgb(31, 22, 5); width: 50%; margin: 0 auto; } lt;divgt; lt;select class = "FeedBack2"gt; lt;option value="Suggestion"gt;Suggestionlt;/optiongt; lt;option value="Complaint"gt;Complaintlt;/optiongt; lt;option value="Idea"gt;Idealt;/optiongt; lt;option value="Help"gt;Helplt;/optiongt; lt;/selectgt; lt;/divgt; Ответ №2:
Попробуйте выполнить следующий код, чтобы добавить следующее для размещения выбора центра по горизонтали и вертикали. удалите поля в классе.FeedBack2
div { display: flex; justify-content: center; align-item: center; }