Блог

Главная - Вопросы по программированию - как вы отображаете параметры рядом с текстом для , а не ниже?

как вы отображаете параметры рядом с текстом для , а не ниже?

#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>

Это гарантирует, что они находятся в одной строке только до тех пор, пока представление не поддержит его (т.е. Оно не будет слишком маленьким)