автоматическое расширение корзины покупок с помощью css

Question

Кто-нибудь знает, как создать автоматически расширяемый значок корзины покупок с помощью css? Количество должно быть внутри корзины, как амазонка.

ширина корзины увеличивается в зависимости от количества товаров. Например: если корзина содержит только 1 товар, корзина будет меньше, а 1 будет внутри корзины. А если количество равно 1000, то ширина корзины должна быть больше, а 1000 должна быть внутри корзины. -

Answer 1

Понравилось ли это ... и это работает.

.cartLeft { дисплей: блок; плыть налево; background: url (images / cartLeft.gif) без повтора; ширина: 24 пикселя; высота: 30 пикселей;

} .cartMiddle { дисплей: блок; плыть налево; background: url (images / cartMiddle.gif) repeat-x; высота: 30 пикселей;

} .cartRight { дисплей: блок; плыть налево; background: url (images / cartRight.gif) без повтора; ширина: 18 пикселей; высота: 30 пикселей; }

Answer 2

Я думаю, что вы пытаетесь сделать это, чтобы ширина div была как можно меньше, но при необходимости расширялась.Высота - это то, что будет работать только для того, что вам нужно.

Что вам нужно сделать, это добавить margin:auto;

Вот пример:

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

Это должноделай то, что тебе нужно.

Answer 3

Используйте min-width и max-width вместо обычных width. Элемент развернется автоматически.