<ul>
<li style="padding-top:10px"><img src="/img/in_01.jpg"></li>
<li style="padding-top:10px"><img src="/img/in_02.jpg"></li>
<li style="padding-top:10px"><img src="/img/in_03.jpg"></li>
</ul>
이런식으로 했더니
앞에 . 점이 생기고 세로로 이미지가 정렬되는데요.
이걸 점이 안생기고 가로로 정렬 하고 싶습니다.
|
답변 2개 / 댓글 5개
채택된 답변
+20 포인트
2016-05-20 (금) 12:25:33
li {
list-style:none;
display:inline-block;
}
답변에 대한 댓글 4개
2016-05-20 (금) 12:30:08
2016-05-20 (금) 13:28:27
http://nyaongii.dothome.co.kr/temp/wrid_123431.html
참고하세요.
float:left를 해도 되긴 하지만 clear를 해야 하는 번거로움 때문에 일부러 inline-block을 넣었습니다.
참고하세요.
float:left를 해도 되긴 하지만 clear를 해야 하는 번거로움 때문에 일부러 inline-block을 넣었습니다.
2016-05-20 (금) 17:59:01
확인해보니
다른 쪽에서도 영향을 받나봐요.
다른 곳에는 영향을 안주게 할 수는 없을가요?
다른 쪽에서도 영향을 받나봐요.
다른 곳에는 영향을 안주게 할 수는 없을가요?
2016-05-20 (금) 19:55:17
다른 부모 거나 전체적으로 적용한 무언가가 있다면 그걸 제거하셔야지요.
아니면 display:inline-block !important; 넣어 보세요.
html, js, css 이런 건 실제 렌더링이 된 화면을 봐야 답을 정확하게 할 수가 있습니다.
아니면 display:inline-block !important; 넣어 보세요.
html, js, css 이런 건 실제 렌더링이 된 화면을 봐야 답을 정확하게 할 수가 있습니다.
2016-05-20 (금) 12:35:27
li {
list-style:none;
float:left;
}
이렇게해주셔야되요
답변에 대한 댓글 1개
2016-05-20 (금) 12:39:34
감사합니다.
이렇게 하니가 잘 되네요.
<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>
이렇게 하니가 잘 되네요.
<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>
답변을 작성하려면 로그인이 필요합니다.
이걸 어디에 넣어야 하나요? ㅠㅠ
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>
이렇게 해줬더니 점은 없어졌는데 계속 세로로 나오고 있어서요.