如何将图像与右侧的段落对齐

Question

    [scrollspy samp[scrollspy][1]le]

现在已经删除了关于我们部分的填充，scrollspy 没有与关于我们对齐，我需要有关如何修复 scollspy 的帮助，同时保持图片与段落对齐。

</style>
      </head>
      <body id="#navbar" data-spy="scroll" data-target="navbar" data-offset="10">
          <nav id="#navbar" class="navbar navbar-expand-sm navbar-light bg-light fixed-top">
              <a href="#" class="navbar-brand">
                <img src="logo.png" alt="Logo" style="width:80px;">
              <div class="collapse navbar-collapse">
                  <ul class="navbar-nav ml-auto">
                    <li class="navbar-nav">
                      <a class="nav-link" href="#About Us">About Us</a>
                    </li>
                    <li class="nav-item">
                        <a href="#Services" class="nav-link">Services</a>
                      </li>    
                      <li class="nav-item">
                          <a href="#Porfolio" class="nav-link">Porfolio</a>
                        </li> 
                        <li class="nav-item">
                            <a href="#Contact Us" class="nav-link">Contact Us</a>
                          </li> 


                  </ul>  

                </div>

Answer 1

从“About Us” div中删除padding-top:85px样式属性 - 这会创建一个 85px 高的空白区域，这显然是您不想要的。

此外，其中的h2将具有相对较高的默认top-margin ，这也会在文本上方创建空白，因此您可能希望将margin-top: 0添加到该h2 。

如何将图像与右侧的段落对齐

问题描述

1 个解决方案

解决方案1
2 2019-10-29 23:05:18

如何将图像与右侧的段落对齐

问题描述

1 个解决方案

解决方案1 2 2019-10-29 23:05:18

解决方案1
2 2019-10-29 23:05:18