使父级DIV包裹内容缩小

25 浏览
0 Comments

使父级DIV包裹内容缩小

我有一个带有div ,有一个img和一个p标签。我希望这个div能够“紧贴”图片,并让文字自然换行。然而,我想做到这一点时完全不使用javascript或限制(如width=300px / 50%等),因为我的框架需要是流动的。\n这是一个类似于我现在拥有的东西的例子:我如何使外部div与“Google”图片的大小相匹配,而不使用固定大小或javascript?\nhttp://jsfiddle.net/pVF74/

0
0 Comments

问题的原因是希望使父级div根据内容的大小自动调整大小,但是在没有设置任何样式的情况下,父级div的大小并没有根据内容的大小进行调整。

解决方法是将display: inline-block;添加到父级div的class中。这将使父级div根据内容的大小进行调整。

以下是一个示例:http://jsfiddle.net/r9rLr/

这个解决方法并不会改变任何东西。可能是因为您正在一个较小的窗口中查看此内容。请确保您的“结果”窗口比图片大。在Chrome浏览器中可能没有效果。

有些人在许多答案中都遇到了这个问题。无论是这个解决方法还是被接受的答案都没有帮助到我。我还在继续寻找解决方法...

0
0 Comments

1%的原因是为了使父级DIV根据内容自动收缩,而不是根据宽度设置的固定值来决定宽度。

解决方法是使用display: table属性来将DIV元素作为表格展示,然后设置宽度为1%。这样就能够使父级DIV根据内容自动收缩,同时保持边框的显示。

0