我正试图使'p'元素的大小成为它自己的内容大小。
"p"元素位于flex容器中，因此出于某种原因，将display设置为inline块不起作用。
如何使"p"元素适合flex容器中它自己的内容大小？
这是代码
.hidden-box {
grid-column: 2/3;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 1.5rem;
}
p {
width: 80%;
display: inline-block;
}<div class="hidden-box">
<p>
Lorem ipsum dolor sit, amet consectetur badipisicing elit. Dolorem
nulla voluptatibus vel temporibus voluptates illo quaerat?
Repudiandae eum exercitationem quisquam!
</p>
<ul>
<li>Lorem ipsum dolor sit amet consectetur.</li>
<li>Lorem ipsum dolor sit amet consectetur.</li>
<li>Lorem ipsum dolor sit amet consectetur.</li>
<li>Lorem ipsum dolor sit amet consectetur.</li>
</ul>
</div>flex项没有显示属性。即使你设置了它们，浏览器也会将它们视为弹性项解决方案：没有该宽度&display属性，它占据了它的内容宽度&对齐到中心(因为对齐项目：柔性容器中的中心属性(