Q

神祕空間

2012-08-23 199 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

相關問題

11. 神祕的MFSourceFilter
12. 神祕int值
13. 神祕的Windows.UI.Xaml.Markup.XamlParseException
14. 神祕的verifier.dll
15. 神祕的getClobVal（）
16. 神祕人物
17. 神祕IndexError
18. MySQLSyntaxErrorException神祕
19. 神祕點
20. 神祕InvalidOperationException
21. Collapsing Flexbox神祕
22. PHP post.php神祕
23. android-classnotfoundexception - 神祕
24. Android神祕的空指針異常
25. 使用Bootstrap的神祕空白
26. HTML流程之外的神祕空白？
27. 神祕的空數據庫條目
28. mysql表格神祕地清空
29. 賦值的變量神祕變成空
30. 如何修復html元素之間的神祕填充空白？