flex & flex-wrap
https://css-tricks.com/almanac/properties/f/flex-wrap/
https://developer.mozilla.org/zh-CN/docs/Web/CSS/flex-wrap
.flex-box {
border: 1px solid red;
height: 100px;
position: relative;
display: flex;
flex-flow: row wrap;
/* flex-wrap: wrap; */
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
box-sizing: border-box;
margin: 10px;
}
demo
https://codepen.io/xgqfrms/pen/jjLPKN
Error
.chat-person-contact-others {
display: flex;
flex-wrap: nowrap;
/*default value bug */
}
OK
.chat-person-contact-others {
display: flex;
flex-flow: row wrap;
}
©xgqfrms 2012-2020
www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！