我想打开打开下拉菜单的链接左侧的下拉菜单,这样它就可以在 iPhone 等小屏幕上看到。有一些标准的方法吗?
这是我的下拉菜单定义 - 最好有一些设置(类)告诉下拉列表与链接右侧对齐,而不是左侧对齐。
<div class="four wide mobile three wide computer column">
<div class="ui compact dropdown doNotClose">
<i class="dropdown icon"></i>
<span class="ui tiny header">Filters</span>
<div class="menu">
<div class="item">
<div class="ui toggle checkbox">
<input type="checkbox" checked>
<label>Acknowledge</label>
</div>
</div>
<div class="item">
<div class="ui toggle checkbox">
<input type="checkbox" checked>
<label>Active</label>
</div>
</div>
</div>
</div>
</div>
将此样式添加到菜单类旁边
style="right: 0;left: auto;"
示例;
<div class="ui simple dropdown icon button" style="margin:0;">
<i class="calendar icon"></i>
Date
<div class="menu" style="right: 0;left: auto;">
<a class="ui item">Today</a>
<a class="ui item">Yesterday</a>
</div>
</div>