Question

间：

<h2>Menu</h2>

和

<h5>Hover to see more!</h5>

我有这个巨大的差距，有没有办法将其删除？

有关更多参考资料，这是我在标题2之前的代码：

     <div class="container">
        <img src="Lato Font Test.png" alt="Avatar" class="image">
            <div class="overlay">
                <div class="text"><p>About Us // Origin</p><p>Sample Text</p><p>Sample Text</p><p>Sample Text</p></div>
            </div>
            </div>

    <br></br>

在标题5之后：

 <ul id="accordion">
           <li>
               <h2>MENU // SOUPS</h2>
               <div class="content">
                   <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                   tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
               </div>
           </li>

图片参考：http://i.imgur.com/Imc3DPb.png

提前致谢！

Answer 1

您的一个元素具有默认填充或边距。您可以使用浏览器开发工具检查元素，以确定哪两个都导致问题。使用padding: x;调整您的填充和边距，margin: x; x是像素数量[例如， 5px]你想要的。

我在两行代码之间有一个巨大的空间如何删除？

1 个答案: