介绍
width: fit-content;
是一个 CSS 属性,用于设置元素的宽度。它的作用是让元素的宽度刚好包裹内容,而不会添加额外的空白空间。具体来说,fit-content 会根据内容的宽度自动调整元素的宽度,使其尽可能小,同时仍然能够完全显示内容。
假设有一个段落元素,其内容较多,希望宽度刚好包裹内容:
在这个示例中,段落的宽度会根据内容的长度自动调整,而不是填满其父容器的整个宽度。
<p style="width: fit-content; border: 1px solid black;">这是一个示例段落。它的宽度会自动调整以包裹内容。
</p>