等距弹性布局，居中并延伸至两端。

在CSS中，可以使用Flexbox布局实现等距弹性布局，并将内容居中并延伸至两端。以下是一个示例代码：

HTML代码：

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

CSS代码：

.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.item {
  flex: 1;
  text-align: center;
}

在上述示例中，我们首先创建了一个包含三个子元素的容器。通过设置容器的 display 属性为 flex，我们将其设置为Flexbox布局。然后使用 justify-content: space-between; 将子元素等距分布并延伸至两端。最后，使用 align-items: center; 将子元素在纵向居中对齐。

而子元素的类名为 item，通过设置 flex: 1; 属性使其平均分配剩余空间，并通过 text-align: center; 属性将文本居中对齐。

通过以上代码，我们可以实现等距弹性布局，并将内容居中并延伸至两端的效果。