Javascript 如何固定垂直对齐：中间对齐；css属性而不提供高度？

我有一个div，我希望文本垂直对齐而不带高度，因为我不知道用户输入了多少文本##

。主体{
显示：表格；
高度：100px；
边框：1px实心#000；
}
.内体{
显示：表格单元格；
}
.内体p{
垂直对齐：中间对齐；
}

你好，世界

添加

垂直对齐：中间
用于
内体
类

.inner-body {display:table-cell;vertical-align: middle;}


.main body{显示：表格；高度：100px；}
.inner body{显示：表格单元格；垂直对齐：中间；}
.内体p{}

你好，世界

使用
垂直对齐：中间对齐打开
。内部主体


。主体{
显示：表格；
边框：1个点
}
.内体{
显示：表格单元格；
垂直对齐：中间对齐；
}

你好，世界

一些SO用户已经回复了，但是如果您对
flex
满意，那么：


.inner body{/*或.main body*/
保证金：0自动；
显示器：flex；
对齐内容：居中；/*或左对齐的弹性起点*/
对齐项目：居中；
背景色：红色；
宽度：300px；
高度：70像素；
}
HTML
你好，世界

我不能固定高度，请给我没有固定高度的替代解决方案？高度在代码中定义，没有高度，您如何识别它位于中间？否则，在顶部和底部添加填充将有所帮助。我已使用删除的高度更新了我的答案，请检查一次。我无法固定高度，请在没有固定高度的情况下为我提供替代解决方案？
背景色高度宽度
仅用于演示只需使用
高度：自动由于这是一个文本，请添加：
文本对齐：\uuuuuuuuuuuuuuuuuuuuuuuu
在哪里uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu。下面所有的解决方案都与问题中的源代码配合得很好，所以如果您遇到困难，至少向我们展示一下它们是什么。