Question

我的表单中有一个select元素。当我放大或缩小浏览器时，select元素将调整大小并更改其位置。肯迪帮我。我还将附加代码。

 <div class="form-group">
        <select class="form-control" style="height:50px;" id="search_color">
          <option value=" " hidden>Color</option>
          <option value="0">Red</option>
          <option value="1">Green</option>
          <option value="2">Blue</option>
          <option value="3">Yellow</option>
          <option value="4">Orange</option>
          <option value="5">Purple</option>
          <option value="6">Grey</option>
          <option value="7">Multicolor</option>

        </select>
 </div>

Answer 1

基本上，引导程序类的某些行为会根据屏幕的大小而有所不同。就您而言，您实际上可以应用基本HTML center tag来覆盖引导程序类行为，并将dropdown option保留在屏幕中央。
试试这个：

<div class="form-group">
       <center>
       <select class="form-control" style="height:50px;" id="search_color">
          <option value=" " hidden>Color</option>
          <option value="0">Red</option>
          <option value="1">Green</option>
          <option value="2">Blue</option>
          <option value="3">Yellow</option>
          <option value="4">Orange</option>
          <option value="5">Purple</option>
          <option value="6">Grey</option>
          <option value="7">Multicolor</option>

        </select>
        </center> 
 </div>

更改页面大小时，下拉菜单会更改其大小

1 个答案: