相关疑难解决方法(0)

弹性框项目的显示属性的使用

更改弹性框项目的显示属性有什么好处或理由吗?

特别是,我对使用display:block和感兴趣display:inline-block

css flexbox

4
推荐指数
1
解决办法
797
查看次数

CSS 防止 div flex 拉伸子元素

当 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)

html css flexbox

4
推荐指数
1
解决办法
1520
查看次数

标签 统计

css ×2

flexbox ×2

html ×1