弹性盒子布局一排三个每个中间间隔30px

弹性盒子布局（Flexbox）是一种现代CSS布局模型，它提供了一种方便的方式来控制元素如何在容器内排列。如果你想在一排里放置三个元素，并且每个元素之间有30像素的间距，你可以这样做：

首先，在HTML结构上创建三个元素，比如：

<div class="container">
  <div class="item">元素1</div>
  <div class="item">元素2</div>
  <div class="item">元素3</div>
</div>

然后，给包含这三个元素的容器添加`display: flex;`，并设置justify-content属性为`space-between`来让元素均匀分布并且它们之间的间隔相等：

.container {
  display: flex;
  justify-content: space-between;
  /* 如果你想整个容器宽度自适应，可以加上 */
  width: 100%;
}
.item {
  /* 如果每个元素有自己的宽度，例如都是100px */
  flex: 1; /* 自适应空间 */
  margin: 0 30px; /* 内边距30px */
}

这将会确保每个 `.item` 元素占据其可用的空间，并且在水平方向上保持30像素的间隔。