css 如何将宽度设置为min-content，但允许单词在同一行？

axzmvihb 于 2022-11-19 发布在其他

关注(0)|答案(2)|浏览(122)

我有一个包含文本的div，但默认情况下它们周围有空白。将宽度设置为min-content可以解决这个问题，但这意味着每个单词都将在单独的一行上。如果一行上有超过1个单词的空间，我需要这些单词保持在一行上。
以下是不使用width: min-content时的情况：

正如你所看到的，由于某种原因，它周围有空间，我不知道为什么。它只是一个网格项/flex项，没有字体大小和行高的css部分。

2条答案

你可以给予下面的代码来实现这一点。
您可以尝试使用white-space: pre-wrap;或white-space: nowrap;来处理您的案例

.my-text{
    white-space: pre-wrap;
}

或

.my-text{
    white-space: nowrap;
}

您可以引用here

我想max-width: fit-content;是你需要的。