Css 根据内容的大小在x轴上展开div，直到其达到最大宽度

因此，我正在制作一个聊天应用程序，并尝试根据其在x轴上的内容扩展一个div，直到它达到最大宽度。然后我希望div向下展开。我想知道这是否可能，如果可能的话，有没有办法让它也向左扩展，而不仅仅是向右扩展？谢谢

您好，您只需设置最大宽度和空白：法线和方向rtl即可向左扩展； 比如说

#resize{max-width: 300px;white-space: normal;direction: rtl;}

忽略我写的，我再次测试了它，我发现你需要有2个div

<div id = "resize">
<div id = "text">
some text
</div>
</div>

---

我想这就是你想要的！！1

请在中显示您的代码以解释您的问题确定，但不确定它是否有助于问题的上下文。使用

display:inline block

而不是

block

。这样效果很好，但是你知道我如何使它看起来像是有一个向相反方向扩展的边距（这样消息就在前一个div的下方）nvm我想出来了，你只需添加另一个div来处理边距：P谢谢！

#resize {
max-width: 300px;
width: auto;
}
#text {
white-space: normal;
direction: rtl;
width: auto;
display: inline-block;
}