Bootstrap 3工具提示没有正确定位
问题描述:
我有一个动态生成的Minecraft网络版主列表,其中包含为生成的每个头部生成的工具提示,显示他们在悬停时的用户名。该功能起作用,工具提示生成并在其中具有正确的用户名,但是,该位置是错误的。当我向下移动时,它向左移动并分开。这里刚刚发生的GIF:Bootstrap 3工具提示没有正确定位
我根本不知道该怎么在这种情况下做的。
答
那么该插件似乎正常工作(如果名称没问题),我想这可能是一个CSS问题。也许工具提示的某些部分会以某种方式获得一些保证金。尝试通过右键单击来检查它们,看看它们是否具有除默认值之外的其他任何样式属性。 无论如何,如果你可以发布一些代码,那会更容易。
答
似乎这个页面已经改变,因为你问这个问题,但我敢打赌这是一个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
会将容器移动一半宽度的容器)。
看到它活http://thecoremc.net/beta/index.php?action=players然后去版主部分 – somethinghereplease1