将HTML4与HTML5进行比较时,在将切片图像放入我的网站时会遇到一个奇怪的问题。
请参阅以下示例页面:
正如您在HTML5版本中看到的那样,图像边缘顶部和顶部会出现不需要的边距。底部,并且无法通过CSS覆盖删除。如何使HTML5版本看起来与HTML4版本相同(在这个简单的例子中)?
P.S。两个文件的唯一区别是标题DOCTYPE声明。
答案 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