CSS:Max-Width不会缩小？

Question

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

我试图像应用程序聊天,但现在我运行acros一些小错误.

我有一个div,最大宽度设置为350px.但是当我在其中添加以下文本时:

dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd

它将在每个空间添加新行,但div的宽度将保持在100px.我在jsFiddle中做了一个小例子:

http://jsfiddle.net/5t2hm/12/

正如你所看到的那样,黄色框的宽度是100px,而我希望它缩小到文本的宽度.我也尝试使用元素修复它,但黄色框保持不变.

我希望它看起来像第三个盒子,同时保留最大宽度部分.

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

Answer 1

检查这个fiddle1或fiddle2。

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