奇怪的HTML5切片图像边缘顶部和&底层问题

时间:2012-01-04 04:29:39

标签: html5 html4

将HTML4与HTML5进行比较时,在将切片图像放入我的网站时会遇到一个奇怪的问题。

请参阅以下示例页面:

正如您在HTML5版本中看到的那样,图像边缘顶部和顶部会出现不需要的边距。底部,并且无法通过CSS覆盖删除。如何使HTML5版本看起来与HTML4版本相同(在这个简单的例子中)?

P.S。两个文件的唯一区别是标题DOCTYPE声明。

3 个答案:

答案 0 :(得分:2)

img {vertical-align: bottom;}添加到您的CSS。

答案 1 :(得分:0)

尝试删除高度&表格和宽度的宽度IMGS

答案 2 :(得分:0)

img { display: block; }添加到您的CSS中。 HTML5将导致浏览器呈现与HTML4略有不同的内联内容。

有关详细信息,请参阅Mozilla上的这篇内容丰富的文章:https://developer.mozilla.org/en/Images%2C_Tables%2C_and_Mysterious_Gaps