의도한 것보다 큰 표 셀

Question

저는 타일에서 지도 그림을 그리는 원리에 따라 실행되는 게임용 지도 시스템을 만들었습니다.여기에는 여러 가지 이유가 있지만 여기서는 다루지 않겠습니다. 하지만 정말로 알고 싶으시다면 저에게 연락하는 방법을 찾아보실 수 있을 거라 확신합니다. ;)

나는 가지고있다 최신 버전을 게시했습니다 그러면 문제가 발생한 위치와 원인을 정확히 확인할 수 있습니다.문제는 상단 2개 타일과 하단 2개 타일 사이의 선입니다. 왜 이렇게 사라졌는지 알 수 없으며 도움을 주시면 감사하겠습니다.

소스에는 "stackoverflow"라는 표시가 있습니다. 소스를 볼 때 "stackoverflow"를 검색하면 해당 테이블로 이동됩니다.

나는 또한 문제의 이미지.

Answer 1

사용하셔야 할 것 같아요 display: block 당신의 이미지에.이미지가 있을 때 inline 줄 간격을 위한 약간의 추가 공간이 있습니다.

Answer 2

td 요소의 줄 높이를 조정할 수도 있습니다.

td {
    line-height: 0
}

Answer 3

나쁘게 들릴 수도 있지만, 끝 부분 사이에 공백이 없는지 확인해야 합니다. <img> 태그와 끝의 시작 </td> 꼬리표.

즉.다음은 문제를 나타냅니다.

<td>
 <img src="image.jpg"/>
</td>

그리고 이것은 그렇지 않습니다:

<td><img src="image.jpg"/></td>

도움이 되길 바랍니다.

편집하다:그렇죠, 그건 전혀 해결책이 아니었습니다.앗!

Answer 4

전체 내용을 찾아보진 않았지만 문제는 스타일 시트 어딘가에 있습니다.

테이블 부분만 복사하면 지도가 제대로 표시됩니다.

마지막 부분을 제거하면 </span> 이 부분의 태그도 작동합니다(단, 페이지가 혼합됩니다).

<div class="inner"><span class="corners-top"><span></span></span>
<div class="content" style="font-size: 1.1em;">

<!-- Stackoverflow findy thingy -->
<table border="0" cellspacing="0" cellpadding="0">

따라서 CSS를 처음부터 시도하거나 하나씩 제거하여 문제의 원인을 확인하십시오.