Image html5 doctype图像填充底部错误_Image_Html_Doctype

Image html5 doctype图像填充底部错误

image html

Image html5 doctype图像填充底部错误,image,html,doctype,Image,Html,Doctype,我制作网站已经有几年了，但直到最近我才开始使用html5 doctype，今天我发现了一种行为，在图像中添加了4px的填充底部如果将doctype更改为xhtml1.0，则填充将消失下面是一个简单的例子： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Technic-Al</title> <styl

我制作网站已经有几年了，但直到最近我才开始使用html5 doctype，今天我发现了一种行为，在图像中添加了4px的填充底部

如果将doctype更改为xhtml1.0，则填充将消失

下面是一个简单的例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Technic-Al</title>
    <style>
html, body {
margin:0;
padding:0;
}
#contain {
width: 900px;
background-color:#6C0;
}
</style>
</head>

<body>
<div id="contain">
<img src="images/head.gif" width="900" height="100" border="0" alt="head">
</div>
</body>
</html>


技术铝
html，正文{
保证金：0；
填充：0；
}
#包含{
宽度：900px；
背景色：#6C0；
}

将doctype更改为任何其他类型将删除底部填充（背景为绿色）

不少人来这里提出解决办法

线条高度=0

我相信还有另一种修复方法也能奏效

或者我应该说“变通一下”

但这肯定是html5 doctype的一个bug吗

我们该跟谁谈这件事？谁来对付这样的虫子？我们怎么把它修好

这里有人知道如何修复此问题吗？

使用css中的

垂直对齐属性：
img{
    vertical-align:top;
}

在css中使用垂直对齐属性：
img{
    vertical-align:top;
}

这不是一个bug，而是CSS规范所说的应该发生的事情。它不是HTML5专用的，HTML4.01 strict
和XHTML1.0 strict
doctype也会做同样的事情
这不是填充，而是行框计算高度的结果
没有希望改变它，太多的网页依赖于现有的行为
适当的权限是。
这不是一个bug，而是CSS规范所说的应该发生的事情。它不是HTML5专用的，HTML4.01 strict
和XHTML1.0 strict
doctype也会做同样的事情
这不是填充，而是行框计算高度的结果
没有希望改变它，太多的网页依赖于现有的行为
适当的权限是。
我遇到了一个问题，页面底部显示了填充
img { display:block ; } 

在css文件中编写上述内容解决了我的问题。希望这有帮助
我遇到了一个问题，页面底部显示了填充
img { display:block ; } 

在css文件中编写上述内容解决了我的问题。希望这些帮助
谢谢分享您的工作。但它并没有回答这个问题。从我所看到的，流行的解决方法是img{display:block}。我还是不明白为什么我们需要一个变通办法。我只是想知道我们是如何解决这个问题的，以及是谁解决的。谢谢分享你的工作。但它并没有回答这个问题。从我所看到的，流行的解决方法是img{display:block}。我还是不明白为什么我们需要一个变通办法。我只是想弄清楚我们是如何解决这个问题的，是谁解决的。谢谢你的回答。我已经在网上搜寻了好几个星期了，但你回答的正是我想要的。我必须说，我发现很多css都是违反直觉的，很难理解，即使是在使用多年之后。我现在已经包括了img{display:block；}作为我正常css重置的一部分。谢谢你的回答。我已经在网上搜寻了好几个星期了，但你回答的正是我想要的。我必须说，我发现很多css都是违反直觉的，很难理解，即使是在使用多年之后。现在，我已经将img{display:block；}作为常规css重置的一部分。