문제
저는 타일에서 지도 그림을 그리는 원리에 따라 실행되는 게임용 지도 시스템을 만들었습니다.여기에는 여러 가지 이유가 있지만 여기서는 다루지 않겠습니다. 하지만 정말로 알고 싶으시다면 저에게 연락하는 방법을 찾아보실 수 있을 거라 확신합니다. ;)
나는 가지고있다 최신 버전을 게시했습니다 그러면 문제가 발생한 위치와 원인을 정확히 확인할 수 있습니다.문제는 상단 2개 타일과 하단 2개 타일 사이의 선입니다. 왜 이렇게 사라졌는지 알 수 없으며 도움을 주시면 감사하겠습니다.
소스에는 "stackoverflow"라는 표시가 있습니다. 소스를 볼 때 "stackoverflow"를 검색하면 해당 테이블로 이동됩니다.
나는 또한 문제의 이미지.
해결책
사용하셔야 할 것 같아요 display: block
당신의 이미지에.이미지가 있을 때 inline
줄 간격을 위한 약간의 추가 공간이 있습니다.
다른 팁
td 요소의 줄 높이를 조정할 수도 있습니다.
td {
line-height: 0
}
나쁘게 들릴 수도 있지만, 끝 부분 사이에 공백이 없는지 확인해야 합니다. <img>
태그와 끝의 시작 </td>
꼬리표.
즉.다음은 문제를 나타냅니다.
<td>
<img src="image.jpg"/>
</td>
그리고 이것은 그렇지 않습니다:
<td><img src="image.jpg"/></td>
도움이 되길 바랍니다.
편집하다:그렇죠, 그건 전혀 해결책이 아니었습니다.앗!
전체 내용을 찾아보진 않았지만 문제는 스타일 시트 어딘가에 있습니다.
테이블 부분만 복사하면 지도가 제대로 표시됩니다.
마지막 부분을 제거하면 </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를 처음부터 시도하거나 하나씩 제거하여 문제의 원인을 확인하십시오.