CSS - Div 必须适合内容和换行答案

【问题标题】：CSS - Div must fit content AND break lineCSS - Div 必须适合内容和换行
【发布时间】：2011-02-25 04:41:02
【问题描述】：

有没有办法让 div 元素适合其内容并换行，以便下一个元素位于该 div 下方？

我尝试将 display 属性设置为 inline-block，但 div 不再换行了...默认情况下，它会换行，但不适合其内容。

希望有人可以帮助我。

谢谢！

【问题讨论】：

你能做一个jsFiddle 的例子让人们更容易理解吗？
这是示例：jsfiddle.net/A6n2h 我希望在悬停元素时框适合文本。不改变html结构。
如果你想用 jQuery do it，你可以写一些 like $('#id container').each(function(){ $(this).parent().width($(this).width()); });.

标签： css

【解决方案1】：

如果你想在没有额外 div 的情况下做到这一点，我认为没有办法。使用 2 个 div 的方法如下：

<div>
  <div style="background-color: #FF0000; display: inline">Test</div>
</div>

【讨论】：

【解决方案2】：

像这样的哥们？

我使用了这个 CSS 代码：

.container div *{float:left; display:inline-block; clear:both;}

您的 HTML 代码中也有一些错误。

【讨论】：