前端让div里的内容自适应分隔距离。

要让div里的内容自适应分隔距离，可以使用CSS的flexbox布局。

首先，在div的父元素上设置display:flex，这样div的子元素会按照一行排列。

然后，给div的子元素设置flex-grow属性，表示子元素在剩余空间中的占比。设置为1表示平均分配剩余空间。

例如，HTML结构如下：

<div class="container">
  <div class="item">内容1</div>
  <div class="item">内容2</div>
  <div class="item">内容3</div>
</div>

对应的CSS样式如下：

.container {
  display: flex;
  justify-content: space-between; /* 可以调整子元素之间的距离 */
}

.item {
  flex-grow: 1;
}

这样，div里的内容就会自适应分隔距离了。