Q

神秘空间

2012-08-23 265 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元素之间的神秘填充空白？