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

我是CSS新手，所以我一直在做的就是改变一些CSS代码的各种变量来创建我想要的东西。目前，我的文字正在泡泡外显示，但我希望它在里面。我不知道如何做到这一点。我相信我会编辑.tooltip_body里面的东西，但是我改变了所有我认为会改变泡沫的变量，但没有任何改变我想要的方式。有人可以帮我或给我一个暗示吗？在CSS中更改工具提示气泡大小

我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/

来源

2013-10-10 Liondancer

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

Working jsFiddle here

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

来源

2013-10-10 00:30:27

谢谢！有用！！ – Liondancer

@Liondancer如果你想增加大小，只需增加'padding' .. http://jsfiddle.net/7xGmY/和http://jsfiddle.net/Gh3sX/2/ –

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

回答

相关问题