表のセルが本来よりも大きい

StackOverflow https://stackoverflow.com/questions/22000

  •  09-06-2019
  •  | 
  •  

質問

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

私は持っている 最新バージョンを公開しました そのため、問題がどこにあるのか、その原因が正確にわかります。問題は上の 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>

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

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

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

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

ファイナルを外すと </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 を最初から試すか、CSS を 1 つずつ削除して、どちらが問題の原因となっているかを確認してください。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top