我怎么能有一个span紧换行文本时，它被强制换行的最大宽度?

Question

是否有可能在最大宽度处进行一些文本换行，然后使结果文本元素的宽度尽可能小?

目前，当我的文本长度超过max-width时，它会自动换行，然后生成的元素占用整个max-width，尽管它可以很容易地容纳更小的宽度。

Span强制换行，设置为max-width

Span不强制换行，适合文本

尝试了几个变化，这是我卡住的地方:

<div style="text-align: left; max-width: 129px;">
<span style="line-height: 1.2; font-weight: bold; font-size: 16px; display: flex; max-height: 46px; text-align: center;">Your First Project</span>
</div>

Answer 1

您可以使用width: fit-content，它将始终根据内容占用的大小调整大小。