Q

神秘空间

2012-08-23 117 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 - 黑屏神秘