html - 在 div 中将 DropDownList 居中

Question

我想将 DropDownList 置于 div 的中心吗？

这是我的代码:

<div id="divRech" class="icon-select-group form-control"> 
  <asp:DropDownList ID="ddlHotelIslands" runat="server" AutoPostBack="false" name="search-hotel-island"> 
  </asp:DropDownList>
</div>

Answer 1

默认情况下，select 标签不在 display: block 上，您可以像这样将它放在父 div 的中间:

div#divRech { width: 80%; margin: auto; border: 1px solid black; }
div#divRech #ddlHotelIslands { display: block; margin: auto; }

<div id="divRech" class="icon-select-group form-control"> 
  <select ID="ddlHotelIslands" runat="server" AutoPostBack="false" name="search-hotel-island"> 
  <option>1</option>
  <option>2</option>
  <option>3</option>
  </select>
</div>