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 */ 
}