在div中垂直间隔项目(弹性框空格-环绕不起作用..)

在div中垂直间隔项目的方法有多种，以下是其中一种常用的方法：

1. 使用flexbox布局：将父容器的display属性设置为flex，然后使用justify-content属性控制项目的水平对齐方式，使用align-items属性控制项目的垂直对齐方式，使用flex-direction属性控制项目的排列方向。

示例代码如下：

<div class="container">
  <div class="item">项目1</div>
  <div class="item">项目2</div>
  <div class="item">项目3</div>
</div>

.container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.item {
  margin-bottom: 10px; /* 控制项目之间的垂直间隔 */
}

在上述示例中，.container是父容器的类名，.item是项目的类名。通过设置.container的justify-content属性为space-between，可以实现项目的垂直间隔效果。通过设置.item的margin-bottom属性，可以控制项目之间的垂直间隔大小。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm