工具提示宽度与相对位置

Question

如何更改工具提示以使其具有可用的自动宽度。我认为问题在于链接的相对位置。

请在此处查看我的问题http://jsfiddle.net/kzJRW/

如何解决此问题，工具提示仍然按照我的定义工作。

感谢您的帮助！

Answer 1

http://jsfiddle.net/kzJRW/13/

white-space属性有助于不破坏单词。我还重新安排了一些声明，不需要在：hover伪类中声明布局定位和框阴影颜色等非变化值。

Answer 2

@shub;你需要写white-space:nowrap;

像这样：

.tooltip span {
    margin-left: -999em;
    position: absolute;
    white-space:nowrap;
}

示例http://jsfiddle.net/sandeep/kzJRW/14/

Answer 3

标签中的

以及position:relative给出display:block

检查一下：

http://jsfiddle.net/kzJRW/9/