要实现标签文本自动拉伸到其父级大小的效果，可以使用CSS中的flexbox布局和一些样式属性。下面是一个示例代码：

HTML:

  标签文本

CSS:

.parent {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px; /* 设置父级宽度 */
  height: 100px; /* 设置父级高度 */
  border: 1px solid #000;
}

.child {
  flex: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

在这个示例中，我们使用了flexbox布局来将父级元素设置为弹性容器。通过align-items: center;和justify-content: center;属性，我们将子元素在父级容器中垂直和水平居中。

在子元素上，我们使用了flex: 1;属性将其拉伸到与父级容器相同的大小。使用text-align: center;将文本居中对齐。

为了使文本超出父级容器时显示省略号，我们使用了white-space: nowrap;属性来防止文本换行，overflow: hidden;属性来隐藏超出父级容器的文本，并使用text-overflow: ellipsis;属性在文本溢出时显示省略号。

通过这些样式，标签文本将会自动拉伸到其父级容器的大小，并且超出部分将以省略号的形式显示。