답변 1개
채택된 답변
+20 포인트
5년 전
</p>
<p><div class="position">
<div class="img-area">
<img src="<a href="https://picsum.photos/100/100"/>" target="_blank" rel="noopener noreferrer">https://picsum.photos/100/100"/></a>
<img src="<a href="https://picsum.photos/100/100"/>" target="_blank" rel="noopener noreferrer">https://picsum.photos/100/100"/></a>
<img src="<a href="https://picsum.photos/100/100"/>" target="_blank" rel="noopener noreferrer">https://picsum.photos/100/100"/></a>
<img src="<a href="https://picsum.photos/100/100"/>" target="_blank" rel="noopener noreferrer">https://picsum.photos/100/100"/></a>
</div>
</div></p>
<p>
와 같이 하면 옆으로 붙어서 나오질 않나요? 모바일에서는 이미지 사이즈에 따라 세로로 나옵니다.
위의 테스트 이미지를 사용해서 확인해 보세요. 사이즈 100x100인데 50x50이나 200x200으로
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
정민황
5년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
잠시후 적용해 보겠습니다.
도움 주셔서 감사합니다.^^
적용해 보니 세로로 나옵니다~
좀 응용해서 자동 크기조정/가로배열되게 적용 되었습니다.
근데, 제가 적용한 방법이 맞는지 모르겠습니다~~^^