时间戳

首页 > 解决方案 > 我无法将徽标添加到我的网站。它占据了整个页面。请帮我

html - 我无法将徽标添加到我的网站。它占据了整个页面。请帮我

问题描述

HTML

<body>
  <!-- Header -->
   
  <section id="header">
    <div class="header container">
        
        
      <div class="nav-bar">
        <div class="brand">
          <a href="#home">
          </a>
        </div>
        <div class="nav-list">
          
          <div class="hamburger">
            <div class="bar"></div>
          </div>
          <ul>
            <li><a href="#home" data-after="Home">Home</a></li>
            <li><a href="#services" data-after="Service">Services</a></li>
            <li><a href="#about" data-after="About">About</a></li>
            <li><a href="#contact" data-after="Contact">Contact</a></li>
          </ul>

我正在尝试将徽标添加到我的网站。标志填满了屏幕。我不能像这样调整它的 size.HTML 代码。

标签： htmlcssnavbar

解决方案

没有看到样式就很难回答，而且我看到您没有提供正确的代码。

只需给img标签一个宽度和一个高度，并div正确定位它的包装。

像这样的东西，

div {
    position:relative;
    text-align:center;/* Add This*/
}
<div>
    <img src="https://www.w3schools.com/tags/img_girl.jpg" width='300px' height='400px'/>
</div>

我建议你参考以下，

定位 div
插入 img

祝你好运！

推荐阅读