关于前端:关于flex布局中父元素高度auto由一子元素撑开另一子元素自适应高度问题

整体款式：

.expressRecord-single-close {//父元素款式    width: 100%;    height: auto;    display: flex;    justify-content: flex-start;    align-items: center;//重点  stretch    position: relative;}

右侧子元素撑开父元素高度：

.expressRecord-text {    margin-left: 30rpx;    padding-bottom: 20rpx;    flex-shrink: 0;    flex: 1;}

须要实现的左侧子元素自适应父元素高度的款式:

能够看到子元素间隔填满父元素仍有一段空间。

此时只需将父元素的 align-items: center;变为 align-items: stretch;

此时子元素盒子曾经自适应父元素的高度。
align-items: stretch;实现是侧轴的拉伸。