css – 语义UI下拉列表 – 如何将其放置在开放链接的左侧?

前端之家收集整理的这篇文章主要介绍了css – 语义UI下拉列表 – 如何将其放置在开放链接的左侧?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想打开下拉链接左侧的下拉菜单,这样就可以在像iPhone这样的小屏幕上看到它.有一些标准的方法吗?

这是我的下拉列表定义 – 让一些设置(类)告诉下拉列表正确对齐,而不是左侧链接,这将是很好的.

  1. <div class="four wide mobile three wide computer column">
  2. <div class="ui compact dropdown doNotClose">
  3. <i class="dropdown icon"></i>
  4. <span class="ui tiny header">Filters</span>
  5. <div class="menu">
  6. <div class="item">
  7. <div class="ui toggle checkBox">
  8. <input type="checkBox" checked>
  9. <label>Acknowledge</label>
  10. </div>
  11. </div>
  12. <div class="item">
  13. <div class="ui toggle checkBox">
  14. <input type="checkBox" checked>
  15. <label>Active</label>
  16. </div>
  17. </div>
  18. </div>
  19. </div>
  20. </div>

解决方法

可以通过向下拉列表添加指向类来实现.

你可以在这里找到一个JSFiddle示例:http://jsfiddle.net/ypvpajrL/

资料来源:https://github.com/Semantic-Org/Semantic-UI/issues/3645

猜你在找的CSS相关文章