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

안녕하세요! css 아예 모르는 초보가 한줄짜리 질문 드립니다 ㅠㅠ

JoominLee 3년 전 조회 1,948

#prdReview div.board td .view img {  float:left; max-width: 100px;}

 

해당 코드를 넣으니 

세로로 정렬되었던 이미지가 가로로 정렬되긴 하는데 아래 이미지처럼 층이 생기더라구요... 

 

혹시 어떤 코드를 추가로 넣어야 저 층이 없이 1자로 표시될지 알 수 있을까요? 

 

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

답변 4개

3년 전

방법은 여러가지 있지만..부트스트랩 쓰면 제일 편하긴 하겠죠? 그렇지만 그런건 못쓰시는것 같으니

 

table에 td가 이미지가 들어가는것 같으니 td안에 이렇게 해보세요.

html입니다. 이미지 파일 이름은 알수없으니 img1,img2,img3으로 했습니다.

 

</p>

<p><div class="img-wrap"></p>

<p><ul></p>

<p><li><img src="img1.jpg"></li></p>

<p><li><img src="img2.jpg"></li></p>

<p><li><img src="img3.jpg"></li></p>

<p></ul></p>

<p></div></p>

<p>

 

 css입니다.

 

</p>

<p>.img-wrap ul li {display:inline-block;}</p>

<p>

 

으로 하시면 이미지가 착착착 붙어질겁니다. 물론 해당 이미지가 들어가는 td 크기가 충분해야 착착 붙어서 나올거에요

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

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

JoominLee
3년 전

정말 css html 아무것도 모르고 주먹구구식으로 자사몰 수정하는데 ..... 이렇게 작성해서는 답변도 못받는군요 ㅠㅠㅠ 너무 몰라서 질문도 제대로 못했네요 그래도  다들 답변해주셔서 감사합니다 

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

답변에 대한 댓글 1개

엑스엠엘
3년 전
해당 페이지 URL을 올려 보세요

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

s
sinbi Expert
3년 전

이미지 태그는 인라인 요소 (= 옆으로 나열되는 요소)라서, float 안 넣어도 됩니다.

만약, 넣어야 옆으로 되는 거면 이미지 태그를 감싸는 태그가 블럭요소(=세로 정렬 요소)라서 그럴 겁니다.

 

 

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

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

플롯을 했을때는 클리어가 있어야되요

근데 테이블 내부에 플롯을 줄필요 없을건데요 

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

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

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

로그인