介绍

width: fit-content; 是一个 CSS 属性，用于设置元素的宽度。它的作用是让元素的宽度刚好包裹内容，而不会添加额外的空白空间。具体来说，fit-content 会根据内容的宽度自动调整元素的宽度，使其尽可能小，同时仍然能够完全显示内容。

假设有一个段落元素，其内容较多，希望宽度刚好包裹内容：

在这个示例中，段落的宽度会根据内容的长度自动调整，而不是填满其父容器的整个宽度。

<p style="width: fit-content; border: 1px solid black;">这是一个示例段落。它的宽度会自动调整以包裹内容。
</p>