对于包裹在 span
元素中的给定单词,我试图仅使用纯 CSS 使工具提示出现在悬停时(没有各种工具提示功能,原因是我需要 LaTeX显示在工具提示中)。工具提示本身是其父 span
中的一个 span
。目前,当我试图获得右侧的结果时,我得到了一个偏离中心(左侧)的工具提示:
JSFiddle here .我尝试了各种显示组合(内联、表格、 block )与自动 0 边距等,但均未成功。
最佳答案
尝试添加以下 css 属性,让我知道它是如何工作的:
.link-cont:hover .tooltip{
display: table;
left: 10%;
}
您应该能够根据自己的需要进行调整 - 10% 的人似乎在这个特定示例中成功了。
(我已经用上面的内容更新了你的 JS fiddle)
关于html - 在制作工具提示时在另一个跨度内水平居中跨度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26266829/