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

문의하신 내용에 대해 답변 및 샘플 소스를 전달해 드립니다.


1. 사진을 가운데에 정렬하는 방법
정렬하고자 하는 대상을
<div style="text-align:center;"> 와 </div>로 감싸 주시면, 됩니다.

이미지를 가운데 정렬한다면, 아래와 같은 소스 구성이 됩니다.

<div style="text-align:center;">
<img src="이미지주소">
</div>


2. 이미지의 크기 조절
이미지의 크기는 이미지 태그 속에 width="가로폭"을 입력해 주시면 됩니다. 가로폭은 450px 과 같이 고정된 값으로 할 수도 있고, 100%와 같이 퍼센트 값으로 할 수도 있습니다.

예시 소스를 보면 아래와 같습니다.

<img src="이미지주소" width="450px">
또는
<img src="이미지주소" width="100%">


3. 빈칸 삭제
빈칸이 생긴 이유는 <br />이 들어 있어서입니다.
<br />은 엔터(enter)키와 같은 역할을 합니다.

떨어져 있는 줄을 지우고 싶으시면, <br />을 지워주시고
반대로 간격을 떨어뜨리고 싶으시면 <br />을 필요한 만큼 입력해 주시면 됩니다.


이외에도 궁금하신 내용이 있으시면 언제라도 글 남겨주세요.

감사합니다.


□ 참고용 : 수정한 소스

<DIV style="TEXT-ALIGN: center"><SPAN style="COLOR: black; FONT-SIZE: 15px; FONT-WEIGHT: bold">검은사막 </SPAN></DIV>
<div style="text-align: center;color:#0100FF;font-weight: bold" data-inven-toggle="1bun"><!-- 토글 버튼 1 -->
Lv.60 금수랑♥
</div>
<DIV style="TEXT-ALIGN: center"><SPAN style="COLOR: black; FONT-WEIGHT: bold">가문명 : 엘린공주길들이기 </SPAN></DIV>
<DIV style="TEXT-ALIGN: center"><SPAN style="COLOR: black; FONT-WEIGHT: bold">닉네임 : 엘린공듀 </SPAN></DIV>
<div style="display: none;text-align:center;" data-inven-id="1bun"><!-- 1번 숨겨진 내용 -->
<img src="http://upload2.inven.co.kr/upload/2016/06/17/bbs/i13105903031.jpg">

<div style="text-align: center;color:#0100FF;font-weight: bold" data-inven-toggle="1bun">닫기★</div><!-- 1번 닫기 버튼 -->
<!-- 1번 숨겨진 내용 종료-->
</div>
<div style="text-align: center;color:#0100FF;font-weight: bold" data-inven-toggle="2bun"><!-- 토글 버튼 2 -->
길드 : L4
</div>

<div style="display: none;" data-inven-id="2bun"><!-- 2번 숨겨진 내용-->


<img src="http://upload2.inven.co.kr/upload/2016/06/17/bbs/i14030202021.jpg" width="100%">

<div style="text-align: center;color:#0100FF;" data-inven-toggle="2bun">닫기★</div><!-- 2번 닫기 버튼 -->
<!-- 2번 숨겨진 내용 종료-->
</div> </div>