Html 使用最大宽度自动调整div的大小

我正在尝试为文本创建一个div，该div根据div中的文本数量调整宽度，但也有一个最大宽度，因此如果文本超过最大宽度，则将其拆分为多行。文本确实会使用一行文本调整大小，当文本太多时会分割，但当文本的右边缘和边框之间的div中有多行时，会出现较大的空间

HTML:

下面是一个演示，演示我的意思：

关于如何解决这个问题有什么想法吗？

这只是因为第二行的第一个单词太大，无法放入您用红色突出显示的空间。将“second”替换为“seco”，你会发现它很合适

您可以添加一个

文本对齐：居中

，这样空间看起来就不会那么糟糕，或者添加

字母间距：1px

，这样字母之间就有了更大的空间，它会更大程度地填充空白

您的内容就放在这里了

---

整个想法是指定一个最大宽度，并设置

尝试在类中添加文本对齐：对齐。这就是你想要的吗？你的例子没有错。你说的是多大的空间？

如果文本的数量超过了最大宽度，文本应该分成多行

这正是你的示例所做的。不，我试图删除两行时出现的大空间。这很奇怪，因为任何东西都没有空白或空白。我想是因为下一个单词太大了。尝试添加一个较小的单词，而不是像“the”这样的“second”，看看它是否仍能做到这一点好的，谢谢！非常感谢你的帮助。字母间距有很大帮助。如果某人的帖子对你有帮助，你应该投票，如果它回答了问题，你应该接受答案OK。因为我刚加入stackoverflow，所以我还不能投票，否则我会的。好的，没问题，如果我说得有点刻薄，我向你道歉。我正忙着别的事情，所以没有全神贯注不，你很好我很高兴有人能回答。我找不到任何有效的东西，这让我发疯。再次感谢。

<div class="balloon">
  This is sample text. This is a second sentence.
</div>

.balloon {
  background: #FFF;
  border: solid 2px;
  display: inline-block;
  max-width: 225px;
}