Javascript 将文本div与另一个div垂直对齐

所以我有以下几点： 1.文本框=tb 2.一种div 3.当用户在文本框中键入文本时，将保存在文本框中键入的文本的标签

当用户使用react回调在文本框中键入文本时，我能够更新标签上的文本

我不能做的事情是： 我需要保持标签与其父div的中心垂直和水平对齐，它需要在0位置对齐

因此，当用户键入而不是标签大小仅在一个方向上增加时，它应该在两个方向上增加，保持标签的中心与其父div对齐

我试着玩弄变换：旋转（90度）、弯曲、变换原点、对齐项目等等，但似乎没有任何东西能满足我的需求

父分区CSS：

const BiggerDiv = styled.div`
position: relative;
display: flex`;

标签样式：

const LabelDiv = styled.div`
display: flex;
align-items: center;
justify-content:center;
alignContent: 'center';
transform: 'rotateY(90deg)';
transform-origin: left bottom;
left: 0%;
position: relative;`

返回视图的React函数：

<BiggerDiv>
  <LabelDiv>
     SomeText
   </LabelDiv>
</BiggerDiv>

一些文字

我想要的是标签上的文字更少：

标签包含更多文本，但图像标签的中心与父div的中心对齐

---

您可以通过以下css来实现

.parent{
高度：600px；
宽度：100%；
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
调整内容：灵活启动；
文字方向：直立；
书写方式：垂直lr；
填充：10px；
边框：1px纯红；
}

这里有长文本

无需旋转：

.parent{
显示器：flex；
对齐项目：居中；
证明内容：中心；
宽度：600px；
高度：400px；
背景：ddd；
}
.内部{
写入方式：垂直rl；
文字方向：直立；
}

一些文本

请将您的html代码添加到您的问题中好吗？您能告诉我如何将文本与父div结尾对齐吗？请尝试

书写模式：tb rl请。您能在不使用写入模式的情况下执行此操作吗？