降低與利潤率左，右寬度尺寸：自動

Question

我通過以下方法

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

設置在中心處的元件的容器，但..當我的元件需要是由

減小其尺寸

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

這個CSS方法

我從元素兩側，我希望它是由右至左的增加而減少。

你有什麼建議可以解決這個問題嗎？

請指點，謝謝提前

Answer 1

您可以使用內部容器（其浮動到左），並與WebKit的過渡調整其大小。所以，外部容器停留在中央，內部容器向左側減少。

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

這裏是它的一個例子：JsFiddle