1

私は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/

4

1 に答える 1

1

width:100%から削除するだけ.tooltip_bodyです。それらはすでに に設定されています。すでに子要素を含めるように強制されているdisplay:inline-blockため、必要はありません。width:100%;

jsFiddle の作業はこちら

.tooltip_body {
    width:100%; /* remove this */
}
于 2013-10-10T00:30:27.657 に答える