在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%;，因为它们已被强制包含其子元素。

Working jsFiddle here

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