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的默认宽度是100%,所以max width只是覆盖了你的小提琴中的宽度——它不会考虑内容的宽度。
要将DIV缩小到其内容,您需要
网址:http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/
使用帕拉
1 2 3 | <p> </p> |
演示:小提琴