Question

我使用下面的方法

将元素的容器设置在中心

margin-left : auto; margin-right: auto;

但是......当我的元素需要通过

来减小它的大小时

-webkit-transition-property: width ;
-webkit-transition-duration: 1s;

这个CSS方法

我的元素从两侧减少，我希望它从右向左减少。

您有什么建议可以解决这个问题吗？

请建议，提前谢谢

Answer 1

您可以使用内部容器（向左浮动）并使用-webkit-transition调整其大小。因此，外部容器停留在中心，内部容器向左减少。

<div id="ex1">
    <div id="ex2" />
</div>

以下是一个示例：JsFiddle