Html 如何在一个div中垂直居中多个内联块div？

我有一个内部有20个内联块div的div。
我以“文本对齐：居中”居中。
javascript代码向第一个div写入一些文本。
第一个div高于其他div。
我怎样才能在不发生这种情况的情况下居中跳水呢

.teszt
{
边框：1px实心rgba（255,0,0,0.5）；
宽度：200px；
最小高度：100px；
利润率：20px；
显示：内联块；
边界半径：5px；
盒影：5px 5px 5px rgba（0,0,0.5）；
背景：rgba（50,0,0,0.5）；
颜色：白色；
}

下面是由javascript生成的文本
Teszt2
Teszt3
Teszt4
Teszt5
Teszt6
Teszt7
Teszt8
Teszt9
Teszt10
Teszt11
Teszt12
Teszt13
Teszt14
Teszt15
Teszt16
Teszt17
Teszt18
Teszt19
Teszt20

为元素添加值

.teszt{
垂直对齐：顶部；//或中间
}

添加

溢出：自动到div。原因是盒子模型。文本溢出div并占据视口的整个宽度。通过不让文本溢出div来限制文本，可以阻止这种情况。
我认为下面的内容看起来更干净，并且它使用了


.teszt
{
边框：1px实心rgba（255,0,0,0.5）；
最小高度：100px；
边界半径：5px；
盒影：5px 5px 5px rgba（0,0,0.5）；
背景：rgba（50,0,0,0.5）；
颜色：白色；
}
.行{
文本对齐：居中；
显示：网格；
网格模板列：重复（5200px）；
栅柱间隙：20px；
网格行间距：20px；
}

下面是由javascript生成的文本
Teszt2
Teszt3
Teszt4
Teszt5
Teszt6
Teszt7
Teszt8
Teszt9
Teszt10
Teszt11
Teszt12
Teszt13
Teszt14
Teszt15
Teszt16
Teszt17
Teszt18
Teszt19
Teszt20
只需在类中添加一行即可

溢出：隐藏

上面的div将位于正确的位置。
不确定当说文本溢出div并占据整个视口时，您指的是什么溢出？添加
溢出：隐藏
只需将内联块元素的基线更改为元素的底部，这样所有元素都将对齐correctly@TemaniAfif我没说要添加溢出：隐藏是的，对不起，我的意思是
溢出：auto
（两者的行为相同，应该只是与可见的不同）它会工作，因为溢出也会通过调整基线来解决问题。默认情况下，每个块级元素都是自动的，那么编写它有什么意义？可能有一些web浏览器在默认情况下没有溢出：auto，但大多数浏览器都有。