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,而我希望它缩小到文本的宽度。我也尝试使用元素来修复它,但黄色框保持不变。
基本上,我希望它看起来像第三个方框,同时保留最大宽度部分。
有人知道黄色框将如何缩小到文本的宽度吗?
最佳答案
检查此fiddle1或fiddle2。
而不是使用一个div
,而是使用两个div
(或)
一个div
和一个span
。我想这就是你想要的。
关于css - CSS:最大宽度不会缩小吗? ,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12672428/