[기타] '유키'님이 문의하신 스크립트 입니다.

인벤 스크립트에 관심을 가져주셔서 감사합니다.

문의하신 내용은 display:block을 inline-block으로 변경해 주시면 해결 될 것으로 보입니다.
(블록 엘리먼트를 인라인 엘리먼트로 전환)

과거 사용시에는 float:left; 를 사용하였습니다만, 아마도 이 경우에는 정렬에 어려움이 있을 것으로 생각됩니다.

참고하실 수 있게, 답글을 통해 샘플 소스를 전달해 드리도록 하겠습니다.

원하시던 형태와 다르거나, 이외에도 궁금하신 내용은 언제든지 글 남겨주세요.
감사합니다.


■ 동작 예시

---

■ 소스 샘플

---

<!-- 기본 이미지 상자 1-->
<div style="width:124px; height:351px;display:inline-block;margin:0px 3px 3px 0px;background:url(https://upload2.inven.co.kr/upload/2016/12/26/bbs/i13508580114.png);">
<!-- 마우스 오버 이미지 상자 -->
<div style="width:124px; height:351px;transition:0.5s;background:url(https://upload2.inven.co.kr/upload/2016/12/26/bbs/i13577958797.png);opacity:0;" data-inven-over-css="{'_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0'}}">
</div></div>

<!-- 기본 이미지 상자 2-->
<div style="width:123px; height:351px;display:inline-block;margin:0px 3px 3px 0px;background:url(https://upload2.inven.co.kr/upload/2016/12/26/bbs/i16179991058.png);">
<!-- 마우스 오버 이미지 상자 -->
<div style="width:123px; height:351px;transition:0.5s;background:url(https://upload2.inven.co.kr/upload/2016/12/26/bbs/i16147164167.png);opacity:0;" data-inven-over-css="{'_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0'}}">
</div></div>

<!-- 기본 이미지 상자 3-->
<div style="width:123px; height:351px;display:inline-block;margin:0px 3px 3px 0px;background:url(https://upload2.inven.co.kr/upload/2016/12/26/bbs/i13709394702.png);">
<!-- 마우스 오버 이미지 상자 -->
<div style="width:123px; height:351px;transition:0.5s;background:url(https://upload2.inven.co.kr/upload/2016/12/26/bbs/i13776706041.png);opacity:0;" data-inven-over-css="{'_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0'}}">
</div></div>