如何让弹性盒子的框跟随文字长度变化，伸长部分上下平行，两端是圆弧

可以使用CSS的伸缩布局（Flexbox）来实现这个效果。

首先，需要将弹性盒子设置为`display: flex`，并将其子元素设置为`flex-grow: 1`，这样子元素就会根据容器的大小自动伸缩。

然后，可以使用`border-radius`属性来设置两端的圆弧效果。

最后，使用`align-items: center`和`justify-content: center`属性来使伸长部分上下平行。

以下是示例代码：

<div class="container">
  <div class="box">Lorem ipsum dolor sit amet consectetur adipiscing elit</div>
</div>

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  background-color: lightblue;
  padding: 0 10px;
}

.box {
  flex-grow: 1;
  height: 50px;
  background-color: white;
  border-radius: 25px;
  padding: 10px;
  text-align: center;
  overflow: hidden;
}

效果如下图所示：