在没有javascript的情况下,在中间垂直放置没有高度的绝对div

时间:2013-02-07 18:13:41

标签: position vertical-alignment absolute

我正在创建工具提示,它将显示在对象上方,对象下方和两侧。上面和下面是一件容易的事。但是我有一些问题,将工具提示放在对象的一侧,与它垂直对齐。工具提示可以包含不同数量的文本,因此它不能具有固定的高度。这就是它的样子。

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*/
}

有人可以帮助我吗?

0 个答案:

没有答案