Html 如何放置工具提示文本，使其不会'；隐藏时不会占用空间？

下面是该链接中的代码

此处隐藏工具提示时会占用空间

如何放置工具提示div，使其在隐藏时不会占用空间，也不会导致其他元素从其位置移动

.border{
背景颜色：粉红色；
填充：10px；
利润率：15px；
}
.家长{
背景色：红色；
边框：2件纯蓝；
利润率：15像素；
填充物：5px；
}
.孩子{
显示：表格单元格；
背景色：白色；
边框：5px纯黑；
利润率：15像素；
填充物：5px；
}
.工具文字{
可见性：隐藏；
}

图特利普
1
2
3

您可以使用

显示：无


.border{
背景颜色：粉红色；
填充：10px；
利润率：15px；
}
.家长{
背景色：红色；
边框：2件纯蓝；
利润率：15像素；
填充物：5px；
}
.孩子{
显示：表格单元格；
背景色：白色；
边框：5px纯黑；
利润率：15像素；
填充物：5px；
}
.工具文字{
可见性：隐藏；
显示：无；
}

图特利普
1
2
3
您可以使用
显示：无


.border{
背景颜色：粉红色；
填充：10px；
利润率：15px；
}
.家长{
背景色：红色；
边框：2件纯蓝；
利润率：15像素；
填充物：5px；
}
.孩子{
显示：表格单元格；
背景色：白色；
边框：5px纯黑；
利润率：15像素；
填充物：5px；
}
.工具文字{
可见性：隐藏；
显示：无；
}

图特利普
1
2
3
我为您制作了一个代码片段，但在这里看不到任何工具提示。如果您想切换显示，可以使用
display:hidden
和
display:block
我为您制作了一个代码段，但在这里看不到任何工具提示。如果要切换显示，可以使用
display:hidden
和
display:block