이미지 가로 정렬 문의입니다.
본문
<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
li {
list-style:none;
display:inline-block;
}
답변 감사합니다.
이걸 어디에 넣어야 하나요? ㅠㅠ
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>
이렇게 해줬더니 점은 없어졌는데 계속 세로로 나오고 있어서요.
http://nyaongii.dothome.co.kr/temp/wrid_123431.html
참고하세요.
float:left를 해도 되긴 하지만 clear를 해야 하는 번거로움 때문에 일부러 inline-block을 넣었습니다.
확인해보니
다른 쪽에서도 영향을 받나봐요.
다른 곳에는 영향을 안주게 할 수는 없을가요?
다른 부모 거나 전체적으로 적용한 무언가가 있다면 그걸 제거하셔야지요.
아니면 display:inline-block !important; 넣어 보세요.
html, js, css 이런 건 실제 렌더링이 된 화면을 봐야 답을 정확하게 할 수가 있습니다.
li {
list-style:none;
float:left;
}
이렇게해주셔야되요
감사합니다.
이렇게 하니가 잘 되네요.
<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>