如何将div中单击的图像放置到视口的水平中心？

Question

我有一个flex div，其中一行包含7张图像。在初始状态下，只有前五个图像在视口中，而第三个图像在水平中心。单击其中一张图像时，需要将其移动到视口的水平中心，并相应地重新放置其余图像。如何用jquery或javascript实现？

任何帮助将不胜感激。

最诚挚的问候。

Answer 1

我已经解决了这个问题，实现了7个重叠的flex div，这些div的左边距不同。然后显示相应的div，并使用“向左滑动”和“向右滑动”事件更新其左边距值。谢谢。