每个DIV之间设置距离

可以使用CSS中的margin属性为每个DIV设置距离。例如，如果要在每个DIV之间设置10像素的距离，可以使用以下CSS代码：

div {
  margin-bottom: 10px;
}

这将在每个DIV元素的底部添加10像素的外边距，从而在它们之间创建间隔。你也可以使用其他单位，如像素（px），百分比（%）或em等，来设置间距的大小。

相关问题

一个div内多个div垂直居中对齐，每个div距离上个div有一定距离

可以使用flex布局来实现多个div垂直居中对齐，并且每个div之间有一定距离。

HTML代码：

<div class="container">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
</div>

CSS代码：

.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.box {
  margin-top: 20px;
  padding: 10px;
  background-color: #ccc;
}

在上面的代码中，我们通过设置容器的`display`属性为`flex`，并设置主轴方向为`column`，即竖直方向，然后使用`justify-content`和`align-items`属性分别设置在主轴和交叉轴上的对齐方式，使得多个子元素垂直居中对齐。

接着，我们给每个子元素设置一个顶部的`margin`值，用来控制它们之间的距离。最后，我们给每个子元素设置一个相同的`padding`值，以便使它们的内容居中显示，并设置一个背景颜色，以便更好地区分它们之间的间距。

你可以根据实际情况调整顶部的`margin`值和`padding`值，以达到想要的效果。

取消两个div之间距离

要取消两个div之间的间距，可以使用CSS中的负边距（negative margin）来实现。

1. 将第一个div的margin-bottom设置为负值，大小等于第二个div的margin-top的大小。

div:first-child {
  margin-bottom: -10px; /* 假设第二个div的margin-top为10像素 */
}

2. 将第二个div的margin-top设置为负值，大小等于第一个div的margin-bottom的大小。

div:last-child {
  margin-top: -10px; /* 假设第一个div的margin-bottom为10像素 */
}

完整的CSS代码如下：

div {
  width: 100px;
  height: 100px;
  background-color: #ccc;
  margin: 10px;
}

div:first-child {
  margin-bottom: -10px;
}

div:last-child {
  margin-top: -10px;
}

其中，div元素的宽度、高度和背景色可以根据实际情况进行设置。div元素的margin设置为10像素，表示每个div之间的间距为10像素。第一个div的margin-bottom设置为-10像素，第二个div的margin-top设置为-10像素，可以取消两个div之间的间距。