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

이미지 가로 정렬 문의입니다. 채택완료

여행아 9년 전 조회 6,614

       

  •    

  •    

이런식으로 했더니
앞에 . 점이 생기고 세로로 이미지가 정렬되는데요.
이걸 점이 안생기고 가로로 정렬 하고 싶습니다.
댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

li {    list-style:none;    display:inline-block; } 

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

답변에 대한 댓글 4개

여행아
9년 전
답변 감사합니다.
이걸 어디에 넣어야 하나요? ㅠㅠ

css에 그대로 붙여 넣었구요.

<li><p class="inline-block"><img src="/img/in_01.jpg"></li>

<li><p class="inline-block"><img src="/img/in_02.jpg"></li>

<li><p class="inline-block"><img src="/img/in_03.jpg"></li>

이렇게 해줬더니 점은 없어졌는데 계속 세로로 나오고 있어서요.
왕계란
9년 전
http://nyaongii.dothome.co.kr/temp/wrid_123431.html
참고하세요.
float:left를 해도 되긴 하지만 clear를 해야 하는 번거로움 때문에 일부러 inline-block을 넣었습니다.
여행아
9년 전
확인해보니
다른 쪽에서도 영향을 받나봐요.

다른 곳에는 영향을 안주게 할 수는 없을가요?
왕계란
9년 전
다른 부모 거나 전체적으로 적용한 무언가가 있다면 그걸 제거하셔야지요.
아니면 display:inline-block !important; 넣어 보세요.
html, js, css 이런 건 실제 렌더링이 된 화면을 봐야 답을 정확하게 할 수가 있습니다.

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

d
9년 전

li {    list-style:none;    float:left; } 

이렇게해주셔야되요 

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

답변에 대한 댓글 1개

여행아
9년 전
감사합니다.
이렇게 하니가 잘 되네요.
<div>
<ul>
<li><p class="inline-block"><a href="/bbs/board.php?bo_table=b31"><img src="/img/in_02.jpg"></a></li>
<li><p class="inline-block"><a href="/bbs/board.php?bo_table=b31"><img src="/img/in_01.jpg"></a></li>
<li><p class="inline-block"><a href="/bbs/board.php?bo_table=b31"><img src="/img/in_03.jpg"></a></li>
</ul>
</div>

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

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

로그인