[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>
最佳答案
从“关于我们”div
中删除 padding-top:85px
样式属性 - 这会创建一个 85px 高的空白区域,这显然是您不想要的。
另外,那里的 h2
会有一个相对较高的默认 top-margin
,这也会在文本上方创建空白,因此您可能需要添加 margin-top: 0
到 h2
。
关于html - 如何将图像与右侧的段落对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58616490/