用css自動展開購物車

任何人都知道如何用css創建一個可自動展開的購物車圖標？數量應該像亞馬遜一樣在購物車內。用css自動展開購物車

購物車的寬度根據物品的數量而增加。例如：如果購物車只包含1件產品，購物車的小部件將會更少，1將放在購物車內。如果數量爲1000，那麼購物車的寬度應該更大，1000應該放在購物車內。 -

2010-08-20 coder247

解釋自動擴大一點。 – s84 2010-08-20 07:34:03

是的，請擴大一點 – 2010-08-20 07:35:00

購物車的寬度根據物品數量增加。例如：如果購物車只包含1件產品，購物車的小部件將會更少，1將放在購物車內。如果數量爲1000，那麼購物車的寬度應該更大，1000應該放在購物車內。 – coder247 2010-08-20 07:40:37

它是否像這樣...它的工作。

.cartLeft {display：block; float：left; background：url（images/cartLeft.gif）no-repeat; width：24px; height：30px;

} .cartMiddle {display：block; float：left; background：url（images/cartMiddle.gif）repeat-x; height：30px;

} .cartRight { display：block; float：left; background：url（images/cartRight.gif）no-repeat; width：18px; height：30px; }

2010-08-20 10:56:35 coder247

使用min-width和max-width代替正常width。元素將自動擴展。

2010-08-20 08:07:43

我想你在這裏做的是保持div寬度儘可能小，但根據需要展開。高度是可以滿足你需要的。

你應該做的是增加margin:auto;

下面是一個例子：

<div style="margin:5px auto;">Stuff</div>

這應該做的正是你所需要的。

2010-08-20 16:21:22 s84

以及購物車圖像的代碼在哪裏？ – coder247 2010-08-23 06:52:37

回答