关于文本:CSS:Max-Width不会缩小?

CSS: Max-Width won't shrink?

本问题已经有最佳答案,请猛点这里访问。

Possible Duplicate:
Make CSS Div Width Equal To Contents

我正在尝试做一个类似聊天的应用程序,但是现在我运行了一个类似ACROS的小bug。

我有一个最大宽度设为350px的分区。但当我把下面的文字放进去时:

dddddddddd ddddddddddd dddddddddddddd dddddddddddd

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

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

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

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

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


检查这个小提琴1或小提琴2。

不使用一个div,使用两个div(或)一个div和一个span。我想这就是你想要的。


一个DIV的默认宽度是100%,所以max width只是覆盖了你的小提琴中的宽度——它不会考虑内容的宽度。

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

网址:http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/


使用帕拉

1
2
3
<p>

</p>

演示:小提琴