问题标签 [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.

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