在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中更改工具提示氣泡大小

回答

相關問題