1

重複の可能性：
html、css-画像の下の奇妙な目に見えない余白

私はこのサイトで作業しています：https ：//dl.dropbox.com/u/2241201/tivoli-animation/index.html

たくさんのテーブルがあります<td><img src='' /></td>

幅と高さを設定しましたが、その奇妙な空白がどこから来ているのかわかりません。また、画像が正しいサイズであることもわかっています。Chromeを使用している場合、ここではパディングやマージンの問題は発生していないようですinspect element。

4

3 に答える 3

7

これは、画像がデフォルトでインラインであるため、基本的にテキストのように機能し、ベースラインの下にスペースが残っているために発生します。block次のようなものを使用して、それらを作成できます。

table img {
    display: block;
}

詳細については、こちらをご覧ください: Images, Tables, and Mysterious Gaps - on MDN

于 2012-08-23T02:11:29.857 に答える
1

DOCTYPE セクションを次のように変更してみてください。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

これも確認できます: http://www.emailonacid.com/blog/details/C18/12_fixes_for_the_image_spacing_in_html_emails

于 2012-08-23T02:49:35.803 に答える
0

適切な html Web デザインについて教えようとするつもりはありませんが、テーブル エンティティは、あなたが使用しているようなページ構成に使用することを意図したものではありません。これらのスライドを見て、適切なフローティング/ポジショニング、ページ セクション、および HTML ボックス モデルについて学習してください。

http://www.cs.washington.edu/education/courses/cse190m/12su/lectures/slides/lecture05-float.shtml#

于 2012-08-23T02:31:03.163 に答える