需求：实现item中的布局预期效果为：左侧完美圆形用户头像，右上角用户昵称，下方为个性化签名（单行显示，如果超出了实际可以显示的最大宽度，请用'...'代替）。如图：代码：wxml布局：姓名这个人比较懒，什么都没写。这个人很懒惰，什么也不写。wxssstyle:.member-item{margin-top:1px;填充：15rpx30rpx；显示：弹性；弹性方向：行；背景色：白色；width:auto;}.avatar{背景色:whitesmoke;宽度：96rpx；高度：96rpx；border-radius:50%;}.info{display:flex;弹性方向：列；左边距：30rpx；弹性：1；}.name{字体大小：30rpx；颜色：#333；line-height:48rpx;}.signature{字体大小:28rpx;颜色：#888；行高：48rpx；溢出：隐藏；省略;white-space:nowrap;}效果：问题：为了适配屏幕尺寸，这里的父布局采用了flex，显示个性化签名的视图对应的class为signature，其中我通过"overflow:hidden;文本溢出：省略号；空白：nowrap；”实现单行显示，如果超过了实际可以显示的最大宽度，用'...'代替。但是，实际效果如上图所示。当内容超出实际可显示宽度时，挤压将左布局挤出来显示签名中的内容，导致左布局变形甚至挤压。解决方法：添加样式min-width:0;到签名的父布局信息来解决它。
