html - 在制作工具提示时在另一个跨度内水平居中跨度？

Question

对于包裹在 span 元素中的给定单词，我试图仅使用纯 CSS 使工具提示出现在悬停时(没有各种工具提示功能，原因是我需要 LaTeX显示在工具提示中)。工具提示本身是其父 span 中的一个 span。目前，当我试图获得右侧的结果时，我得到了一个偏离中心(左侧)的工具提示:

JSFiddle here .我尝试了各种显示组合(内联、表格、 block )与自动 0 边距等，但均未成功。

Answer 1

尝试添加以下 css 属性，让我知道它是如何工作的:

.link-cont:hover .tooltip{

    display: table; 
        left: 10%;

}

您应该能够根据自己的需要进行调整 - 10% 的人似乎在这个特定示例中成功了。

(我已经用上面的内容更新了你的 JS fiddle)