Question

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

.boxes {
display:inline-block;
text-align: center;
}

单击这些框时，显示更改为无（通过简单的js样式更改），其余框由于中心对齐而向中间水平移动。我想为这个动作进行CSS3过渡 - 就像这样

    transition: translate 1s linear;

是否可以这样做？

Answer 1

text-align不是animatable CSS properties之一。所以不，你不能转移text-align。

为了达到你想要的效果，你很可能必须绝对定位每个盒子，当他们在彼此旁边时用JS计算他们的位置，然后计算他们的位置。盒子被移除。
然后，您可以通过更改动态可用的left和right属性来转换这些框。