#html
#HTML
Вопрос:
Как мне отобразить параметры, чтобы a отображался рядом с текстом для, а не ниже?
<select id="mySelect" onchange="myFunction()">
<option value="Select">Select One</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
Иногда эти параметры будут отображаться под выбранным и рядом с ним в другое время. Как я могу это исправить, чтобы параметры отображались рядом с ним?
Комментарии:
1. не могли бы вы поделиться скриншотом проблемы, с которой вы столкнулись?
2. скриншот проблемы плюс код css очень помогли бы. или вы можете просто создать codesandbox и поделиться им
3. как мне добавить скриншот?
4. snipboard.io/WBlO2I.jpg Я хочу переместить параметры из-под кнопки выбора в положение рядом. Есть ли способ сделать это?
Ответ №1:
Попробуйте использовать style = "float:left"
внутри каждого значения параметра.
Комментарии:
1. Спасибо за предложение. Это не сработало. Параметры по-прежнему отображаются под выбором.
Ответ №2:
Самым простым способом было бы использовать flexbox со строкой.
<div style="display: flex;">
<h4>Number of options</h4>
<select id="mySelect" onchange="myFunction()">
<option value="Select">Select One</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
</div>
Это гарантирует, что они находятся в одной строке только до тех пор, пока представление не поддержит его (т.е. Оно не будет слишком маленьким)