jquery - 在 CSS 中更改工具提示气泡的大小

Question

我是 CSS 新手，所以我一直在做的就是玩弄并更改一些 CSS 代码的各种变量以创建我想要的东西。目前，我的文本当前显示在气泡之外，但我希望它在里面。我不知道该怎么做。我相信我会在里面编辑一些东西，.tooltip_body但我改变了所有我认为会改变气泡的变量，但没有任何东西改变我想要的方式。有人可以帮助我或给我一个提示吗？

我的tooltip_body：

.tooltip_body {
    display: inline-block;
    white-space:nowrap;
    position: relative;
    background: #000;
    border-radius: 6px;
    color: #fff;
    padding: 4px 4px;
    width: 100%;
}

我的jsfiddle：

http://jsfiddle.net/liondancer/rKPfe/7/

Answer 1

只需width:100%从.tooltip_body. 它们已经设置为display:inline-block，没有必要，width:100%;因为它们已经被迫包含其子元素。

在这里工作 jsFiddle

.tooltip_body {
    width:100%; /* remove this */
}