flex元素

作者: 12311830904
来源: 51数据库
2020-09-21

父元素高度设置为空或者auto即可，如height:auto或者不要height;，举例如下: 1.高度采用auto; 这里是子集内容,子集内容采用的是宽度780px,高度1000px,并且居中对齐；这是父级内容，宽度为800px,高度自适应

　　flex item的margin不与相邻flex item的折叠，margin为auto值时伸缩包含块剩余的空间将会分配到flex item的外边距margin上，这个可用于实现居中效果:
.wrap{
display: flex;
}
.item{
margin: auto;
}
同时，后面也说了，这将会使其旁边的flex item尽可能的往它的那边靠。
因此，要实现题主所说的布局，只要给第二个p元素一个margin-right:auto就行了

推荐阅读