当文本是多行时,周围的div如何才能成为内部文本的宽度?

时间:2012-02-06 22:26:46

标签: css

有没有人知道如何使内部div成为内部文本的宽度? 我知道我可以设置显示的div:inline-block;但这只适用于内部文本为一行的情况。每当文本太大而不是设置的最大宽度时,文本从第二行开始,div的宽度设置为最大宽度。 即使现在出现空白空间。

在此图片上,我想将其应用于粉红色透明背景的标题。

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

非常感谢! 汤姆

我的解决方案: 由于我无法轻易更改标记,因此jquery解决方案确实起到了作用。 这就是我所做的:

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

2 个答案:

答案 0 :(得分:0)

考虑包装<div><span>my multiline text</span></div>元素?

答案 1 :(得分:0)

您是否尝试过使用jQuery进行设置?

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

也许这对你有用。