更改弹性框项目的显示属性有什么好处或理由吗?
特别是,我对使用display:block和感兴趣display:inline-block
当 div 具有flex显示属性时,它会拉伸段落。我似乎遗漏了一些东西,但我认为放在 Flex div 上的任何属性都不会改变这一点。我怎样才能防止这种行为?(没有 flex 属性,我得到图像右侧的结果)
div {
display: flex;
justify-content: center;
flex-direction: column;
height: 200px;
width: 100px;
}
p {
background-color: green;
display: inline;
}Run Code Online (Sandbox Code Playgroud)
<div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
</p>
</div>Run Code Online (Sandbox Code Playgroud)