问题标签 [jquery-flexbox]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

13 问题
Newest
Active
Bountied
318
Unanswered
0 投票
1 回答
985 浏览

html - Flexbox 难以将图标与容器底部对齐

我在使用 flexbox 时遇到了一些困难。如您所见，我有一个aside包含社交媒体图标有序列表的元素。出于某种原因，我无法让这些图标粘在包含div.

代码

CSS 代码

任何人都可以帮忙吗？我错过了显而易见的事情吗？

非常感谢，p

0 投票
0 回答
165 浏览

javascript - 水平 div 的动画重新排列

我正在创建一个纸牌游戏，我想在其中设置洗牌动画。

想象一张桌子上有 5 张牌：

我想要将其中一张卡片插入新位置的功能。例如insert(D, 1)将D卡插入位置 1 导致：

我目前使用 flexbox 很容易做到这一点，我可以简单地使用 css 属性为每个 div 设置一个排序order。但是 flexbox 不支持动画。我希望能够制作动画D，在所有卡片上方移动并插入到Aand之间B。

我已经看到了可以拖动 div/card 的解决方案，但这不是我想要的。我想以编程方式显示洗牌的每一步。我还看到了像这样“硬编码”动画的解决方案：http: //jsfiddle.net/uNv8C ​​/但我可以拥有任意数量的卡片（合理的数字 52）

任何指针都会非常有帮助。我查看了可排序的 jquery，但没有看到在这里使用它的方法 - 可以在这里使用吗？

0 投票
2 回答
271 浏览

javascript - jQuery 从空列和行中清除 flexbox 结构

我正在创建一个 jQuery 来通过删除所有额外的行和列来优化表结构：

  • a) 包含少于 2个子元素
  • b）包含重复的容器（.column不能有孩子.column，.row不能有孩子.row）

我仍然没有让它工作，它分 6 步运行（在评论中可见）。

什么是必要#example的#solution？


12345678910