Bootstrap 3工具提示未正确定位

Question

我在Minecraft网络上有一个动态生成的版主列表，其中生成的每个头部都会生成一个工具提示，显示其悬停时的用户名。功能有效，工具提示生成并具有正确的用户名，但位置错误。当我向下移动时，它向左移动并分开。这是关于正在发生的事情的gif：

在这种情况下，我根本不知道该怎么做。

Answer 1

好吧，插件似乎正常工作（如果名称没问题），我想这可能是一个CSS问题。也许工具提示的各个部分在某种程度上得到了一些余地。尝试通过右键单击检查它们，看看它们是否具有除默认值之外的任何其他样式属性。 无论如何，如果您可以发布一些代码，那将更容易。

Answer 2

似乎这个页面已经改变了，因为你问了这个问题，但我敢打赌这是一个CSS问题。您可能需要将工具提示框相对于其父级居中。这里有一些（不受欢迎的）代码可能有所帮助。我只包含了会影响工具提示容器中心的属性：

.parent {
  position: relative;
}

.tooltip-container {
  position: absolute;
  left: 50%;
  width: 100px;
  margin-left: -50px;
}

注意，您必须在tooltip-container上设置宽度。 margin-left是宽度的1/2，是负的（可视化left: 50%将容器的左边缘放在父级的中心，而负margin-left会将容器的一半移动容器的宽度）。