使父级DIV包裹内容缩小
使父级DIV包裹内容缩小
我有一个带有div
,有一个img
和一个p
标签。我希望这个div能够“紧贴”图片,并让文字自然换行。然而,我想做到这一点时完全不使用javascript或限制(如width=300px / 50%等),因为我的框架需要是流动的。\n这是一个类似于我现在拥有的东西的例子:我如何使外部div与“Google”图片的大小相匹配,而不使用固定大小或javascript?\nhttp://jsfiddle.net/pVF74/
问题的原因是希望使父级div根据内容的大小自动调整大小,但是在没有设置任何样式的情况下,父级div的大小并没有根据内容的大小进行调整。
解决方法是将display: inline-block;
添加到父级div的class中。这将使父级div根据内容的大小进行调整。
以下是一个示例:http://jsfiddle.net/r9rLr/
这个解决方法并不会改变任何东西。可能是因为您正在一个较小的窗口中查看此内容。请确保您的“结果”窗口比图片大。在Chrome浏览器中可能没有效果。
有些人在许多答案中都遇到了这个问题。无论是这个解决方法还是被接受的答案都没有帮助到我。我还在继续寻找解决方法...