css - CSS：最大宽度不会缩小？

Question

可能重复：
使 CSS Div 宽度等于内容

我正在尝试像应用程序一样进行聊天，但现在我遇到了某种小错误。

我有一个最大宽度设置为 350 像素的 div。但是当我将以下文本放入其中时：

dddddddddddd dddddddddddd dddddddddd dddddddddd

它将在每个空间添加新行，但 div 的宽度将保持在 100px。我在这里在 jsFiddle 中做了一个小例子：

如您所见，黄色框的宽度是 100 像素，而我希望它缩小到文本的宽度。我也尝试使用元素来修复它，但黄色框保持不变。

基本上，我希望它看起来像第三个框，同时保留最大宽度部分。

有人知道黄色框如何缩小到文本的宽度吗？

score 2 · Accepted Answer

而不是使用一个div使用两个div（或）
一个div和一个span。我想这就是你想要的。

score 1 · Accepted Answer

1

使用对

<p></P>

于 2012-10-01T12:01:02.780 回答

score 1 · Accepted Answer

DIV 的默认宽度是 100%，所以 max-width 只是在你的小提琴中限制它 - 它不会考虑内容的宽度。

要将您的 DIV 缩小到您需要的内容display: inline-block;或float:left; width:auto;.

3 回答 3