누구나 css로 자동 확장형 장바구니 아이콘을 만드는 방법을 알고 계십니까? 수량은 아마존과 마찬가지로 장바구니 안에 있어야합니다.자동 확장 장바구니에 CSS
카트의 너비는 항목 수에 따라 증가합니다. 예 : 카트에 제품이 1 개만있는 경우 카트 위는 줄어들고 1은 카트 안에 있습니다. 그리고 그 수량이 1000이면 카트의 너비는 더 커야하고 1000은 카트 안에 있어야합니다. -
이렇게 했습니까? 작동하고 있습니다.
.cartLeft { display : 블록; float : left; 배경 : url (images/cartLeft.gif) no-repeat; 너비 : 24px; 높이 : 30px;
} .cartMiddle { display : block; float : left; 배경 : url (images/cartMiddle.gif) repeat-x; 높이 : 30px;
} .cartRight { display : block; float : left; 배경 : url (images/cartRight.gif) no-repeat; 너비 : 18px; 높이 : 30px; }
width 대신 min-width 및 max-width을 사용하십시오. 요소가 자동으로 확장됩니다.
여기서 생각해 볼 일은 div 너비를 가능한 작게 유지하면서 필요에 따라 확장하는 것입니다. 높이는 당신이 필요로하는 것만으로 효과가있는 것입니다. 당신이 무엇을해야
여기 margin:auto;
추가 인하는 예입니다
<div style="margin:5px auto;">Stuff</div>
이 정확하게 당신이 필요로해야한다.
및 장바구니 이미지의 코드는 어디에 있습니까? – coder247
에 대해 자세히 설명합니다. – s84
예, 약간 확장하십시오 –
카트의 너비는 항목 수에 따라 증가합니다. 예 : 카트에 제품이 1 개만있는 경우 카트 위는 줄어들고 1은 카트 안에 있습니다. 그리고 그 수량이 1000이면 카트의 너비는 더 커야하고 1000은 카트 안에 있어야합니다. – coder247