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

只需从 .tooltip_body 中删除 width:100%。它们已经设置为 display:inline-block，不需要 width:100%; 因为它们已经被强制包含它们的子元素。

Working jsFiddle here

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