用css自动扩展购物车

Question

任何人都知道如何使用css创建自动展开式购物车图标？数量应该像亚马逊一样在购物车内。

购物车的宽度根据商品数量而增加。例如：如果购物车只包含1个产品，购物车将会更少，1将在购物车内。如果数量为1000，那么购物车的宽度应该更多，1000应该在购物车内。 -

Answer 1

使用min-width和max-width代替普通width。该元素将自动扩展。

Answer 2

它是否喜欢这个...而且它正在发挥作用。

.cartLeft {     显示：块;     向左飘浮;     background：url（images / cartLeft.gif）no-repeat;     宽度：24px;     身高：30px;

} .cartMiddle {     显示：块;     向左飘浮;     background：url（images / cartMiddle.gif）repeat-x;     身高：30px;

} .cartRight {     显示：块;     向左飘浮;     background：url（images / cartRight.gif）no-repeat;     宽度：18px;     身高：30px; }

Answer 3

我认为你在这里要做的是保持div宽度尽可能小但是根据需要扩展。高度可以满足你的需要。

您应该做的是添加margin:auto;

以下是一个例子：

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

这应该完全符合你的需要。