在语义 UI 的右侧打开单个下拉菜单答案

【问题标题】：Make a single dropdown menu open to the right in Semantic UI在语义 UI 的右侧打开单个下拉菜单
【发布时间】：2015-04-10 05:23:13
【问题描述】：

Semantic UI Dropdown 文档提供了向左和向右打开的下拉菜单示例。但是，所有给出的示例都显示了一个向下打开的父下拉菜单，该下拉菜单的项目本身就是向左或向右打开的下拉菜单。我正在尝试创建一个垂直菜单，其中的每个元素都是一个向右打开的下拉菜单。垂直菜单本身应该不是下拉菜单。我已经尝试了许多安排menu、right、dropdown 类的组合，但我根本无法让它工作。有可能吗？

【问题讨论】：

标签： semantic-ui

【解决方案1】：

好的，我发现如果您将下拉菜单放在垂直菜单中，Semantic 会自动执行此操作：

<div class="ui vertical menu">
  <div class = "ui dropdown item">
    <span class="text">Prompt</span>
    <div class="item">...</div>
    ...

【讨论】：