sit_pvi_thumb을 sit_pvi_big 밑에 오게하려면?
본문
영카트에서
sit_pvi_thumb 인 상품 썸네일이 상품사진인 sit_pvi_big 좌측에 있는데
sit_pvi_big 밑에 오게하려면 어떻게 해야 될까요?
답변 1
아래의 코드를 참고를 해보시겠어요..
.sit_pvi {
display: flex;
flex-direction: column;
}
.sit_pvi_big {
order: 1;
}
.sit_pvi_thumb {
order: 2;
margin-top: 10px; /* 상품 사진과 썸네일 사이의 간격 조절 */
}
<div id="sit_pvi">
<div class="sit_pvi_big">
<?php
// 상품 이미지 출력 코드
?>
</div>
<div class="sit_pvi_thumb">
<?php
// 썸네일 이미지 출력 코드
?>
</div>
</div>
답변을 작성하시기 전에 로그인 해주세요.