안녕하세요! css 아예 모르는 초보가 한줄짜리 질문 드립니다 ㅠㅠ
#prdReview div.board td .view img { float:left; max-width: 100px;}
해당 코드를 넣으니
세로로 정렬되었던 이미지가 가로로 정렬되긴 하는데 아래 이미지처럼 층이 생기더라구요...
혹시 어떤 코드를 추가로 넣어야 저 층이 없이 1자로 표시될지 알 수 있을까요?
답변 4개 / 댓글 1개
방법은 여러가지 있지만..부트스트랩 쓰면 제일 편하긴 하겠죠? 그렇지만 그런건 못쓰시는것 같으니
table에 td가 이미지가 들어가는것 같으니 td안에 이렇게 해보세요.
html입니다. 이미지 파일 이름은 알수없으니 img1,img2,img3으로 했습니다.
Copy
<div class="img-wrap">
<ul>
<li><img src="img1.jpg"></li>
<li><img src="img2.jpg"></li>
<li><img src="img3.jpg"></li>
</ul>
</div>css입니다.
Copy
.img-wrap ul li {display:inline-block;}으로 하시면 이미지가 착착착 붙어질겁니다. 물론 해당 이미지가 들어가는 td 크기가 충분해야 착착 붙어서 나올거에요
정말 css html 아무것도 모르고 주먹구구식으로 자사몰 수정하는데 ..... 이렇게 작성해서는 답변도 못받는군요 ㅠㅠㅠ 너무 몰라서 질문도 제대로 못했네요 그래도 다들 답변해주셔서 감사합니다
답변을 작성하려면 로그인이 필요합니다.