flex 两列多行布局

flex 两列多行布局

display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;

把这段加到父元素里面就好了

注意:父元素一定要记得限制宽度,子元素也要限制宽度,这样的话如果父元素可以容纳2个子元素的宽度,子元素会往两边对齐下来,如果容纳不了,会自动换行,同理3行,4行。。。。都可以

你可能感兴趣的:(Vue.js,html,css,flex,1024程序员节)