Question

我尝试创建弹出菜单，就像docs中的示例一样，但如果我将弹出窗口包装在fluid类中，则ui item属性将停止工作以及菜单类。相反，弹出窗口显示为与按钮一样宽。

我需要ui item课程以保持我的菜单元素正确排列，因此我正在寻找一个解决方法以保持流体属性（或获得相同的效果）菜单和项目类都到位。

我的代码看起来有点像这样（混合了一些额外的元素，但是这段代码足以复制错误）：

<div class="ui menu">
<!-- Removing ether menu above, or item below will cause the fluid tag to work -->
  <div class="ui item">

    <div class="ui button">
      hi
    </div>
    <div class="ui fluid popup">
    <!-- fluid class currently has no effect -->
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    </div>
  </div>
</div>

一个有效的工作人员：

http://jsfiddle.net/hb54c7r0/7/

Answer 1

问题是液体占据了物品容器的宽度，正如我在这里所解释的那样：

https://github.com/Semantic-Org/Semantic-UI/issues/5029

解决方案是在项目外部声明弹出窗口并明确指向它而不是使用inline。

语义UI弹出流体标签在ui项目类中不起作用

1 个答案: