Html 无法将表格单元格内容与可滚动单元格居中

Html 无法将表格单元格内容与可滚动单元格居中,html,css,Html,Css,我有一个表格,有些单元格有足够的文本内容,需要滚动,有些单元格的内容只占一行文本。问题是,我需要在我的用例中使用div,并且在保持可滚动单元格按预期工作的同时,似乎无法垂直居中文本 这是我的HTML和CSS th{ 边框:黑色5px实心; } 第四分区{ 溢出y:自动; 填充物:5px; 宽度:125px; 高度:125px; } 第四分区p{ 保证金:0; } Lorem ipsum dolor坐在amet Concertetur,告别精英。我们的名字是labore,sed dolorum

我有一个表格,有些单元格有足够的文本内容,需要滚动,有些单元格的内容只占一行文本。问题是,我需要在我的用例中使用div,并且在保持可滚动单元格按预期工作的同时,似乎无法垂直居中文本

这是我的HTML和CSS

th{
边框:黑色5px实心;
}
第四分区{
溢出y:自动;
填充物:5px;
宽度:125px;
高度:125px;
}
第四分区p{
保证金:0;
}

Lorem ipsum dolor坐在amet Concertetur,告别精英。我们的名字是labore,sed dolorum
在debitis sint tenetur velit fugit officiis id eos provident quae ipsum ea?多洛雷姆格,
奎拉特

同侧眼睑


使用最大高度代替高度

th div {
    overflow-y: auto;
    padding: 5px;
    width: 125px;
    max-height: 125px;
}

请添加此CSS代码

th div p {
  max-height: 115px;
}

div {
  vertical-align: middle;
  display: table-cell;
}

致以最诚挚的问候。

使用现有的css和html,只需尝试添加以下内容:

th div {
    display: flex;
}

th div p {
    margin: auto;
}
这会有用的! 如果您不希望文本水平居中:

th div p {
    margin: auto 0;
}
th{
边框:黑色5px实心;
}
第四分区{
溢出y:自动;
填充物:5px;
宽度:125px;
高度:125px;
显示器:flex;
}
第四分区p{
保证金:自动;
}

Lorem ipsum dolor坐在amet Concertetur,告别精英。我们的名字是labore,sed dolorum
在debitis sint tenetur velit fugit officiis id eos provident quae ipsum ea?多洛雷姆格,
奎拉特

同侧眼睑


尝试上面的可运行示例,我不明白问题是什么?“我看没问题。”保罗。因此,右侧单元格中的lorem ipsum位于单元格顶部。我希望它垂直居中,但当我尝试这样做时,它会切断我左侧单元格中内容的顶部。try div{height:100%;vertical align:middle;}我在你的旧问题aready中给出的重复项告诉了你原因和修复方法。这正是我想要的!非常感谢。