📜  如何使用 HTML 和 CSS 将徽标图像与导航栏的中心对齐?

📅  最后修改于: 2021-11-07 09:20:49             🧑  作者: Mango

问题陈述:您一定已经看到,在将margin:auto属性应用于导航栏中的图像标签时,导航栏中的徽标图像没有居中。

方法:由于 CSS 中的 image 标签是一个内联元素,所以 image 标签只会占用它所需的空间。因此,为了解决这个问题,我们将图像标签的显示属性赋值为“block”,然后为其分配适当的宽度和高度。将边距分配给“自动”。您将看到徽标图像现在位于导航栏中的中央。

HTML 代码:以下演示了上述方法的代码。

HTML


  

    
    
          
    

  

    

  


输出: