Javascript CSS3由中心对齐引起的水平移动过渡

我有一个由5个中心对齐的框（图像）组成的栏：

单击这些框时，显示将更改为无（通过简单的js样式更改），其余框由于中心对齐而水平向中间移动。 我想为这项运动做一个CSS3转换——类似这样的事情

    transition: translate 1s linear;

---

可以这样做吗？

text align

不是其中之一。因此，不能将文本对齐

要实现您的目标，您很可能必须绝对定位每个框，当它们相邻时，使用JS计算它们的位置，然后在移除其中一个框时计算它们的位置。

---

然后，您可以通过更改可设置动画的

左

和

右

属性来转换框。

您可以创建一个JSFIDLE以便其他人可以帮助您吗？

    transition: translate 1s linear;