オブジェクトの上、オブジェクトの下、および両側に表示されるツールチップを作成しています。上下は簡単です。しかし、ツールチップをオブジェクトの側面に垂直に配置する方法にはいくつか問題があります。ツールチップにはさまざまな量のテキストを含めることができるため、高さを固定することはできません。これがどのように見えるかです。
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*/
}
誰でも私を助けることができますか?