Html 将粘性内容放置在准确的中心位置？

这是一个有粘性的跨距，我试着把它精确地放在文档的中心，但我不想留下空白或空白，因为它没有给出文档的精确中心

那么，有没有办法得到一个精确的中心位置粘滞。？ .粘的{ 位置：粘性； 排名：0； 背景颜色：黄色； 字体大小：20px； 左：50%； } p{ 高度：500px； } 粘性元素 我来自sticky 一些示例文本..

使用display:inline块和transform:translateX-50%将元素水平居中

.粘的{ 位置：粘性； 排名：0； 背景颜色：黄色； 字体大小：20px； 左：50%； 显示：内联块； 转化：translateX-50%； } p{ 高度：500px； } 粘性元素 我来自sticky

---

一些示例文本..

尝试使用display:table属性：

.粘的{ 位置：粘性； 排名：0； 背景颜色：黄色； 字体大小：20px； 显示：表格； 文本对齐：居中； 保证金：自动； } 粘性元素 我来自sticky 一些示例文本