XHTML 1.0中严格的图像下方不需要的间距
XHTML 1.0中严格的图像下方不需要的间距
提问于 2009-06-04 01:20:57
我的目标是在我正在处理的页面中使用XHTML1.0 Strict DOCTYPE，但是我遇到了一些奇怪的设计问题。
我有以下代码：
<div><img src="photos/someimage.jpg" alt="Title" /></div>当我在DOCTYPE设置为1.0 Strict的情况下加载页面时，在div中的图像下方添加了一个小间距。我已经删除了代码中的所有空格/换行符，这似乎是此类问题的罪魁祸首。如果我将DOCTYPE更改为1.0 Transitional，间距就消失了，页面看起来就像它应该的样子。
有人知道在使用1.0 Strict的同时避免这个问题的方法吗？
耽误您时间，实在对不起!
回答 2
Stack Overflow用户
回答已采纳
发布于 2009-06-04 01:27:58
http://www.schoonzie.com/rogue-padding-below-images
如果图像以内联方式显示，则会在其下方留出少许空间。这是因为图像被放置在文本的基线上，并且在基线之下应该有一些更多的空间来容纳后代字符，如g，j或q。
分支是，在严格模式下，不可能让容器紧紧地围绕在图像周围，当然，除非您显式地指定img {display: block}。
https://developer.mozilla.org/en/images,_tables,_and_mysterious_gaps
另一个主要选择是保留图像为内联，并改变图像相对于线框的垂直对齐方式。例如，您可以尝试执行以下操作：
div img {垂直对齐:底部；}
Stack Overflow用户
发布于 2009-06-04 01:22:39
尝尝这个
<div style="font-size: 0px;"><img src="photos/someimage.jpg" alt="Title" /></div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/948145
复制相关文章
相似问题
腾讯云开发者
