15

タイルからマップの絵を描くという原則に基づいて実行されるゲームのマップ システムを作成しました。これには多くの理由がありますが、ここでは触れませんが、本当に知りたい場合は、私に連絡する方法を見つけることができると確信しています ;)

最新バージョンを公開したので、問題の場所とソースを正確に確認できます。問題は、上の 2 つのタイルと下の 2 つのタイルの間の線です。なぜこのようになったのかわかりません。助けていただければ幸いです。

ソースには「stackoverflow」というマーカーがあります。ソースを表示するときに「stackoverflow」を検索すると、問題のテーブルに移動するはずです。

問題の画像もアップロードしました。

4

4 に答える 4

31

画像で使用する必要があると思いますdisplay: block。画像がinlineある場合、行間隔に少し余分なスペースがあります。

于 2008-08-22T10:14:24.387 に答える
5

td 要素の行の高さを調整することもできます。

td {
    line-height: 0
}
于 2008-08-22T11:03:36.017 に答える
3

<img>これは悪いように聞こえるかもしれませんが、タグの終わりと終了タグの開始の間に空白がないことを確認する必要があります</td>。

つまり、次のように問題が発生します。

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

そして、これはしません:

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

それが役立つことを願っています。

編集：OK、それはまったく解決策ではありませんでした。ああ！

于 2008-08-22T10:08:45.960 に答える
1

全体を調べたわけではありませんが、問題はスタイルシートのどこかにあります。

その表部分だけをコピーすると、正しく地図が表示されています。

この部分から最後のタグを削除すると</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 を最初から試すか、1 つずつ削除してみて、問題の原因を確認してください。

于 2008-08-22T10:09:20.153 に答える