Question

可能重复：
Make CSS Div Width Equal To Contents

我正在尝试像应用程序一样进行聊天，但现在我运行了某种类型的小错误。

我有一个div，最大宽度设置为350px。但是当我在其中加入以下文字时：

ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd

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

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

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

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

Answer 1

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

Answer 2

使用para

<p></P>

演示：fiddle

Answer 3

DIV的默认宽度是100％，因此最大宽度只是在你的小提琴中加盖 - 它不会考虑内容的宽度。

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