如何将图像居中 header？

Question

这就是我尝试过的方法，但没有用。我还尝试将其设为一个块，然后像其他问题所说的那样将其设为 0 auto，但这根本没有帮助...

<!DOCTYPE html>
<html>
  <head>

<style>

.logo {
text-align: center;
}

</style>

</head>

<header> 

<div id="logo">  
  <img src="logo.png">
</div>

</header>


</html>

我似乎无法将这张图片居中，我希望行尽可能少。

Answer 1

需要 # 作为 id。用于 class

    #logo{
      text-align:center;
     }

编辑

已在上面的评论中回答

Answer 2

我建议你加上body标签并且不要把id和class弄错了。

如何将图像居中 header？

How to center an image in the header?

html

css

image

center