Q

神祕空間

2012-08-23 118 views 1 likes

1

可能重複：
html, css - weird invisible margin below pictures 神祕空間

我工作的這個網站：https://dl.dropbox.com/u/2241201/tivoli-animation/index.html

它只是一個帶有一堆<td><img src='' /></td>表

我已經設置了寬度和高度，但我不知道那個奇怪的空白是從哪裏來的。我也知道這些圖像是正確的大小，並且當我在鉻中使用inspect element時，似乎沒有任何填充或邊距問題。

2012-08-23 jessh

A

回答

7

發生這種情況的原因是，默認情況下，圖像是內聯的，所以基本上它們的行爲就像文本，在基線之下留下空間。你可以讓他們block，像這樣的東西：

table img { 
    display: block; 
}

你可以閱讀更多關於此這裏：Images, Tables, and Mysterious Gaps - on MDN

2012-08-23 02:11:29 kapa

+0

是做到了，謝謝！一旦它允許我接受答案（從現在起5分鐘） – jessh

0

我不會去嘗試教你正確的HTML網頁設計，但表實體並不是要用於頁面組織，就像您正在使用它一樣。查看這些幻燈片以瞭解正確的浮動/定位，頁面部分和html框模型。

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

2012-08-23 02:31:03

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-23 02:49:35 LRA

相關問題

1. 神祕（空）字符
2. 神祕的空指針
3. 神祕的空白空間出現在Safari中的flexbox中
4. 神祕InvalidOperationException
5. Collapsing Flexbox神祕
6. 神祕IndexError
7. 神祕的getClobVal（）
8. MySQLSyntaxErrorException神祕
9. 神祕的verifier.dll
10. 神祕點
11. 神祕int值
12. PHP post.php神祕
13. 神祕的Windows.UI.Xaml.Markup.XamlParseException
14. 使用Bootstrap的神祕空白
15. 神祕的空數據庫條目
16. mysql表格神祕地清空
17. Android神祕的空指針異常
18. 圍繞塊元素的神祕白色空間
19. 如何修復html元素之間的神祕填充空白？
20. 神祕的額外字母空間出現在文字中
21. Toplink/Java持久性神祕時間匯
22. 頭文件神祕
23. 神祕的表達
24. 的Android putExtra神祕
25. Gmail SMTP + XOAuth神祕
26. 神祕的組合
27. polyTypeOf是神祕的
28. 神祕的錯誤
29. 神祕出口APK
30. Libgdx - 黑屏神祕