I am trying to make a chat like application but now I ran acros a little bug of some sort.

I have a div with a max-width set to 350px. But when I put the following text in it:

dddddddddddd ddddddddddd dddddddddd dddddddddd

It will add new lines at every space but the width of the div will stay at 100px. I made a little example in jsFiddle here:

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

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

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

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

最佳答案

检查此fiddle1fiddle2

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

关于css - CSS:最大宽度不会缩小吗? ,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12672428/

10-09 15:42
查看更多