テキストが複数の行であるときに、周囲のdivを内部テキストの幅にするにはどうすればよいですか？

Question

周囲のdivを内部テキストの幅にする方法を知っている人はいますか？ 私は表示するdivを設定できることを知っています：inline-block;これは内部のテキストが1行である場合にのみ機能します。テキストがset max-widthと大きすぎると、テキストは2行目から始まり、divの幅は最大幅として設定されます。 空き領域が表示されても

この画像では、これをピンクの透明な背景のタイトルに適用したいと思います。

https://img.skitch.com/20120206-e912tg8nwnrrbm5qqhxrb789qk.jpg

多くの感謝！ Tom

私のソリューション： マークアップを簡単に変更できないため、jqueryソリューションは本当にトリックでした。 <div><span>my multiline text</span></div>要素を包む

$('#something h2').each(function(index) { 
    $(this).css('width',$(this).find('a').css('width')); 
}); 

Answer 1

jQueryを使用して設定しましたか？

$('#UrDIV').css('width',$('#UrPText'))

多分これはあなたのために動作します。

Answer 2

とみなさ： これは私がやったことありますか？