Question

如何设置语义UI搜索选择下拉列表的宽度？我需要将Semantic UI Search选择下拉列表的宽度设置为下拉列表中最长的元素。任何帮助将不胜感激。

Answer 1

我使用了一个固定大小的包装器和一个流体（扩展到适合父级的大小）下拉嵌套在其中的

<div style="width: 250px;">
  <div class="ui fluid dropdown">
    <input type="hidden" name="country">
    <div class="default text">My Dropdown Text</div>
  </div>
</div>

Answer 2

尝试设置最小宽度而不是设置宽度。默认值为最小宽度14em，因此，如果希望较小的宽度，则需要覆盖它。

Answer 3

尝试使用“紧凑”属性，如下所示。但是，它仅根据所选内容调整宽度。

<div class="ui compact selection dropdown">
  <i class="dropdown icon"></i>
  <div class="text">Compact</div>
  <div class="menu">
    <div class="item">A</div>
    <div class="item">B</div>
    <div class="item">C</div>
  </div>
</div>

如何设置语义UI下拉列表的宽度

3 个答案: