如何将 div 中单击的图像定位到视口的水平中心？答案

【问题标题】：How to position the clicked image in a div to the horizontal center of the viewport?如何将 div 中单击的图像定位到视口的水平中心？
【发布时间】：2020-07-23 02:47:41
【问题描述】：

我有一个 flex div，其中一行包含 7 个图像。在初始状态下，只有前五个图像在视口中，第三个图像位于水平中心。单击其中一张图像时，需要将其移动到视口的水平中心，并且应相应地重新定位剩余的图像。这怎么能用 jquery 或 javascript 来实现？

任何帮助将不胜感激。

最好的问候。

【问题讨论】：

您是否正在尝试制作一个图片库，并且用户点击的每张图片都会变大并位于页面的中心？

标签： jquery html center viewport

【解决方案1】：

我通过实现 7 个具有不同左边距的重叠 flex div 解决了这个问题。然后显示相应的 div，并使用 swipe-left 和 swipe-right 事件更新其 margin-left 值。谢谢。

【讨论】：