css 两个div 间距

CSS是前端开发中必不可少的一项技术，其中之一就是元素间距的设置。当我们需要让两个div之间有一定的间距时，可以使用以下方法。

      div {
          margin-bottom: 20px;
    }
    div:last-child {
          margin-bottom: 0;
    }
  

在上述代码中，我们首先设置div元素与其它元素之间有20px的间距，然后通过:last-child伪类选择器指定最后一个div元素的margin-bottom为0，这样就能够使最后一个div元素与其下面的元素紧密相连，而不会产生多余的间距了。

除了上述方法之外，还可以使用flex布局实现元素间的间距设置。具体的代码如下。

      .container {
          display: flex;
          flex-direction: column;
          gap: 20px;
    }
      

在上述代码中，我们将容器元素设置为flex布局，并将其flex-direction属性设置为column，使得子元素垂直排列。然后，我们可以通过gap属性设置子元素之间的间距，这样就能够很方便地实现元素间的间距设置了。

无论是使用margin还是flex布局，这些方法都能够有效地实现元素间的间距设置。在实际开发中，我们可以根据具体的需求选择适合的方法，以达到最佳的效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！