关于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; 重点