Css HTML5头元素有额外的空间_Css_Html

Css HTML5头元素有额外的空间

css html

Css HTML5头元素有额外的空间,css,html,Css,Html,我在用CSS格式化HTML5元素时遇到问题。看起来无论我做什么，标题总是在高度维度上渲染比它包含的元素大几个像素这些图像都是等高的。在我的CSS中，我的CSS将填充和边距重置为0，并且没有为我的图像或标题分配边距或填充。使用Safari浏览器在我的Mac上渲染页面，在Android智能手机上使用Chrome渲染页面，都会渲染标题，这样图像都会在标题中的文档顶部对齐，但标题总是在内容下方延伸几个像素，几乎就像padding bottom被设置为某个值一样我的HTML：这是因为这是因为我为

我在用CSS格式化HTML5

元素时遇到问题。看起来无论我做什么，标题总是在高度维度上渲染比它包含的

元素大几个像素

这些图像都是等高的。在我的CSS中，我的CSS将填充和边距重置为0，并且没有为我的图像或标题分配边距或填充。使用Safari浏览器在我的Mac上渲染页面，在Android智能手机上使用Chrome渲染页面，都会渲染标题，这样图像都会在标题中的文档顶部对齐，但标题总是在内容下方延伸几个像素，几乎就像padding bottom被设置为某个值一样

我的HTML：

这是因为


这是因为
我为没有尽快接受答案而道歉，我不知道我应该……在stackoverflow LOL还是新手。我想我给你发了一条信息，感谢你，如果没有通过的话-非常感谢你的回复@当然。。。随时：D
您将消息发送到了哪里？我为没有尽快接受答案表示歉意，我不知道我应该……在stackoverflow LOL仍然是新手。我想我向您发送了一条消息，感谢您，如果没有通过的话-非常感谢您的回复@当然。。。随时<代码>：D您将消息发送到哪里？
<!DOCTYPE HTML>
<html>
<head>
    <title>Responsive Template</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <header>
    <img id="logo" src="images/csi_logo.svg" alt="csi logo">
    <img id="focus" src="images/home_icon.svg" alt="focus">
    <img id="hamburger" src="images/hamburger_icon.svg" alt="hamburger">
    </header>
</body>
</html>

vertical-align: middle;
display: inline-block;