2013-08-28 89 views
0

我通過以下方法降低與利潤率左,右寬度尺寸:自動

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

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

減小其尺寸
-webkit-transition-property: width ; 
-webkit-transition-duration: 1s; 

這個CSS方法

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

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

請指點,謝謝提前

回答

0

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

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

這裏是它的一個例子:JsFiddle