定位提示工具

发布时间 2023-04-07 13:44:18作者: 小孟快点跑哇

 

以下实例中,提示工具显示在指定元素的右侧(left:105%) 。

注意 top:-5px 同于定位在容器元素的中间。使用数字 5 因为提示文本的顶部和底部的内边距(padding)是 5px。

如果你修改 padding 的值,top 值也要对应修改,这样才可以确保它是居中对齐的。

在提示框显示在左边的情况也是这个原理。

显示在右侧:

.tooltip .tooltiptext { top: -5px; left: 105%; }
https://www.lekaowang.com/zhxfgcs/mfd/hky/