我正在创建工具提示,它将显示在对象上方,对象下方和两侧。上面和下面是一件容易的事。但是我有一些问题,将工具提示放在对象的一侧,与它垂直对齐。工具提示可以包含不同数量的文本,因此它不能具有固定的高度。这就是它的样子。
HTML
<a class="tooltip">object<span>Tooltip text</span></a>
CSS
.tooltip{
border:1px solid black;
padding:50px;
}
.tooltip span{
width: 200px;
position absolute;
left: -120px;
/* No idea what here*/
}
有人可以帮助我吗?