테스트 사이트 - 개발 중인 베타 버전입니다

이미지 div 로 감싸기 채택완료

쏘렌토 1년 전 조회 12,285

div감싸줄때 너무 쓸데없이 여러번 감싸는 일은 없지만
예를들어 <div><img src="<?=G5_THEME_IMG_URL?>/01_04.jpg"></div>
이런식으로 이미지에도 그냥 미리 div를 감싸놓는건 해야하는건가요? 아님 불필요한가요?
 

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
1년 전

정답은 없습니다. 상황에 맞게 사용하시면 됩니다.
디자인 시안을 기반으로 퍼블리싱을 할때 요소간의 간격이나 위치 또는 반응형을 미리 고려하여 영역을 구분하시는게 좋습니다.
때문에 단순히 이미지만 그대로 들어가는 디자인이라면 굳이 감쌀필요가 없을듯하고 이미지에 간격, 위치 등 여러 스타일이나 
이미지위에 텍스트가 들어간다거나 하는 복잡한 표현을 해야한다면 div를 감싸서 영역을 구분해주는게 좋겠죠
 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

웅푸
1년 전

div 로감싸는것은 대부분 UI 배치로인한 요소처리 때문에 감싸는거에요  상황에 맞게 사용하시면됩니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
1년 전

블럭(= 1줄 전체 차지) 느낌 주려면 DIV 사용하면 편하죠.

이미지 자체에 display:block 주는 것보다 더 직관적이니...

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

<span> 내용1 </span> <span> 내용2 </span> 은 가로로 내용을 붙여가는 것이고요

<div> 는 세로로 단락을 맞추어 가고 텍스트 + 이미지를 어울려 쓰는 것이라 생각하시면 될것같습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인