Javascript 将展开文本置于悬停的中心 我有一个盘旋的文字和叠加，但我希望文本以中间为中心。标题可能会更改，因此无论字数多少，它都需要居中（我知道容器有限制）

我知道使用jquery可以做到这一点，但我只是想看看是否有一种CSS方法可以做到这一点

li{
位置：相对位置；
显示：内联块；
保证金：0-4px-4px 0；
}
李英明{
显示：块；
}
李，完毕{
位置：绝对位置；
显示：无；
背景：rgba（0,0,0,0.6）；
排名：0；
底部：0；
右：0；
左：0；
颜色：白色；
}
李：停一下，完毕{
显示：块；
}

你好

您可以将

行高设置为容器的高度，也可以使用变换技巧将
垂直居中：

资料来源：
这里是另一种方法，我在胡闹的时候遇到了这种方法


li{
位置：相对位置；
显示：内联块；
保证金：0-4px-4px 0；
}
李英明{
显示：块；
}
李，完毕{
位置：绝对位置；
显示：无；
背景：rgba（0,0,0,0.6）；
排名：0；
身高：100%；
宽度：100%；
}
李，超过p{
显示：表格单元格；
高度：200px；
宽度：200px；
文本对齐：居中；
颜色：白色；
垂直对齐：中间对齐；
}
李：停一下，完毕{
显示：块；
}



你好，我叫斯蒂芬·莫特斯海德



我认为杰森·米勒的答案最适合你。
li .over h1 {
    position: absolute;
    left: 0;
    top: 50%;        // 50% of the parent
    width: 100%;
    transform: translateY(-50%);   // -50% of the child
}